Tomcat 12345
Neues Mitglied
Hallo html.de Community,
ich hab mal wieder ein CSS Problem bzw. eine Frage und zwar zur Pseudoklasse :before (bzw. :after). Man kann ja hiermit ein Bild einfügen, ich hab dazu unten ein Beispiel angehängt. Leider bekommt dieses Bild kein v-align mitgegeben und die Frage ist, ob das geht? Zum Vergleich wie es sein sollte, einfach im CSS die #test2... Zeile entfernen und im HTML beim img Tag das display:none entfernen - soll sollte es aussehen.
Danke f. jede Hilfe ;)
ich hab mal wieder ein CSS Problem bzw. eine Frage und zwar zur Pseudoklasse :before (bzw. :after). Man kann ja hiermit ein Bild einfügen, ich hab dazu unten ein Beispiel angehängt. Leider bekommt dieses Bild kein v-align mitgegeben und die Frage ist, ob das geht? Zum Vergleich wie es sein sollte, einfach im CSS die #test2... Zeile entfernen und im HTML beim img Tag das display:none entfernen - soll sollte es aussehen.
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
body {font-size: 12px; font-family: Verdana;}
#test2:before {content: url(http://www.google.com/images/icons/ui/gprofile_button-32.png)" "; vertical-align:middle; }
img {vertical-align: middle;}
</style>
</head>
<body>
<div>Beispieltext <span id="test2" style="background-color: Orange;"><img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" style="display: none;" />2. Text</span></div>
</body>
</html>
Danke f. jede Hilfe ;)