Bild + Link -> white-space: nowrap?
Hallo Leute,
wieder ein kleines Problem: Ich möchte vor Links ein kleines Gif setzen. Allerdings sollen Bild und Link immer zusammen erscheinen, so wie das eben mit white-space: nowrap möglich ist. Da ich leider in SelfHtml nicht gefunden habe, in welchen Tags die white-space Angabe erlaubt ist, wollte ich hier mal nachfragen. Links sehen so aus: Code:
Blindtext mit <a href="http://www.link.de"><img src="link.gif" border="0" alt="">http://www.link.de</a> Links Weiß jemand eine Lösung? Vielen Dank! edit: ähem. peinlich. Mit span gehts doch, ich hab vorhin den Bindestrich zwischen white und space vergessen. Sorry.... |
Einfacher (und schöner) geht's so:
a { background: hier das GIF angeben; padding-left: hier den nötigen Platz für's GIF angeben; } |
oh, Danke sehr! Wird gleich ausprobiert :)
|
Jetzt habe ich meine Links mit pading-left versehen und schaue mir die Seite auf IE 5.01 an... der interpretiert das nicht... richtig? Ich hab selbst das Dean Edward IE7 Script mit ausprobiert, die Links bewegen sich kein bißchen nach rechts. Kann man da was machen? Meine Links sehen alle aus wie der hier:
Code:
<a href="index.php" style="background: url('navigation/link.gif') no-repeat; background-position: 0px 3px; padding-left: 16px;">Link</a> |
Zitat:
|
Wow, klappt, vielen Dank. Ich hab einfach display:block dazu gefügt.
|
Zitat:
Schöne Grüße, Heiko |
Nagut, nach ein wenig Rumprobieren von verschiedenen Wegen, den Internet Explorer zu überlisten, bin ich auch zu height: 1px übergegangen. Danke sehr, klappt super!
|
Und Du weißt, daß weder der IE 7 noch andere Browser als der IE dieses sehen dürfen? Am besten sogar nur der IE 5.x. Also height: 1px; nur per Conditional Comment bzw. per IE-Hack einsetzen.
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 08:51 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023