[GastForen Web allgemein HTML und CSS / Stylesheets list-style-image vertkal nach unten setzen - Grundlinienversatz

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

list-style-image vertkal nach unten setzen - Grundlinienversatz

Graciosa
Beiträge gesamt: 156

28. Sep 2013, 16:51
Beitrag # 1 von 6
Bewertung:
(5824 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Kann ich in einer Liste das Bulletpoint-Bild etwas tiefer setzen als den Text, der danach folgt?

Im Print würde man sagen: Grundlinienversatz -0,5pt
X

list-style-image vertkal nach unten setzen - Grundlinienversatz

olaflist
Beiträge gesamt: 1400

28. Sep 2013, 21:38
Beitrag # 2 von 6
Beitrag ID: #517869
Bewertung:
(5803 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
... alles andere höher setzen? Und ggf. den Abstand nach oben ausgleichend anpassen?

Olaf


als Antwort auf: [#517867]

list-style-image vertkal nach unten setzen - Grundlinienversatz

Designerist
Beiträge gesamt: 40

28. Sep 2013, 21:58
Beitrag # 3 von 6
Beitrag ID: #517870
Bewertung:
(5794 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Oder dem Bild in Photoshop oben ein bisschen was anhängen, damit das Bild höher wird, der Bulletpoint somit nach unten rutscht.


als Antwort auf: [#517867]

list-style-image vertkal nach unten setzen - Grundlinienversatz

Graciosa
Beiträge gesamt: 156

29. Sep 2013, 11:49
Beitrag # 4 von 6
Beitrag ID: #517874
Bewertung:
(5740 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank.

Alles andere höher setzen geht. Nur verschiebt sich dann wieder alles, wenn die Schriftgröße sich aufgrund von Browsereinstellungen ändert. Aber das tut es sowieso, weil sich die Größe des Bulletpoints sowieso nicht verändert - also ist das mit dem Höhersetzen wohl die beste Lösung.

Kann ich eigentlich irgendwo einstellen, um wieviel % em oder px der Text höhergestellt wird?


als Antwort auf: [#517869]

list-style-image vertkal nach unten setzen - Grundlinienversatz

Graciosa
Beiträge gesamt: 156

29. Sep 2013, 11:50
Beitrag # 5 von 6
Beitrag ID: #517875
Bewertung:
(5739 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
@Designerist

Der Bulletpoint rutscht nicht nach unten, wenn ich in Photoshop oben ein bisschen mehr anhänge. Das Bulletpointbild bleibt immer auf der Grundlinie.


als Antwort auf: [#517870]

list-style-image vertkal nach unten setzen - Grundlinienversatz

Graciosa
Beiträge gesamt: 156

29. Sep 2013, 11:56
Beitrag # 6 von 6
Beitrag ID: #517876
Bewertung:
(5735 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
... oder geht es vielleicht, dass ich das Bulletbild in den Text mit einbinde und das dann wie Text formatiere? Ich habe es mal probiert, aber es hat nicht geklappt:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Bulletbild Test</title>
<style>
p {
font-size:small;
}
sub {
font-size: 1.3em;
}
sup {
font-size: 1.3em;
}
</style>
</head>

<body>
<p><sub><img src="images/textspirale-rot.png"></sub> Hier probiere ich es mal mit<sup> hochstellen</sup></p>
</body>
<!-- Größe des Bullet-Bildes = 16px x 14px -->
</html>


als Antwort auf: [#517867]
X