vertical-align für CSS generierte Inhalte (content: url(...))
lucien
- css
Hi Leute!
Per "attribute-selector" und der "content" Eigenschaft erstelle ich automatisch vor jedem HTTP-Link ein kleines Icon (und lösche es wieder vor jedem Link der eigenen Domain):
.article a[href^="http://"]:before
{
content: url(../images/go-jump.png);
margin-right: 5px;
}
.article a[href^="http://localhost"]:before
{
content: "";
}
Ich würde dem Icon jetzt gerne noch die "vertical-align" Eigenschaft zuweisen. Wenn ich es der Definition dazuschreibe bewirkt das leider nichts. Ist das überhaupt möglich? Kann ich dem automatisch generierten Content vielleicht eine Klasse zuweisen?
Grüße,
lucien
vor jedem Link der eigenen Domain):
.article a[href^="http://localhost"]:before
lucien,
Nicht dein Ernst, oder?
Was denkst du, was für andere Nutzer im Web ihr localhost ist?
Ich würde dem Icon jetzt gerne noch die "vertical-align" Eigenschaft zuweisen. Wenn ich es der Definition dazuschreibe bewirkt das leider nichts.
vertical-align wirkt nur unter bestimmten Bedingungen. [CSS2 §10.8]
Live long and prosper,
Gunnar
Nicht dein Ernst, oder?
Was denkst du, was für andere Nutzer im Web ihr localhost ist?
Für lokale Testzwecke ist das vollkommen ausreichend. Vor dem Hochladen auf den richtigen Web-Server ist die Domain natürlich noch zu korrigieren.
Grüße,
lucien