hilfdirselbst.ch
Facebook Twitter gamper-media
Graciosa
Beiträge: 154
28. Sep 2013, 16:51
Beitrag #1 von 6
Bewertung:
(3676 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


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

Gruß,
Bettina

--------

www.knell-design.de Top
 
X
olaflist p
Beiträge: 1320
28. Sep 2013, 21:38
Beitrag #2 von 6
Beitrag ID: #517869
Bewertung:
(3655 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


... alles andere höher setzen? Und ggf. den Abstand nach oben ausgleichend anpassen?

Olaf
--
Olaf Druemmer | Geschäftsführer
callas software gmbh | www.callassoftware.com
axaio software GmbH | www.axaio.com
als Antwort auf: [#517867] Top
 
Designerist
Beiträge: 40
28. Sep 2013, 21:58
Beitrag #3 von 6
Beitrag ID: #517870
Bewertung:
(3646 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


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] Top
 
Graciosa
Beiträge: 154
29. Sep 2013, 11:49
Beitrag #4 von 6
Beitrag ID: #517874
Bewertung:
(3592 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


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?

Gruß,
Bettina

--------

www.knell-design.de
als Antwort auf: [#517869] Top
 
Graciosa
Beiträge: 154
29. Sep 2013, 11:50
Beitrag #5 von 6
Beitrag ID: #517875
Bewertung:
(3591 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


@Designerist

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

Gruß,
Bettina

--------

www.knell-design.de
als Antwort auf: [#517870] Top
 
Graciosa
Beiträge: 154
29. Sep 2013, 11:56
Beitrag #6 von 6
Beitrag ID: #517876
Bewertung:
(3587 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

list-style-image vertkal nach unten setzen - Grundlinienversatz


... 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>

Gruß,
Bettina

--------

www.knell-design.de
als Antwort auf: [#517867] Top
 
X