zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild + Link -> white-space: nowrap?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.06.2006, 12:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2006
Beiträge: 23
tassetee befindet sich auf einem aufstrebenden Ast
Standard 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
Habe versucht, mit <span style="white-space: nowrap"> anzufangen, aber das klappt nicht.
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....
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.06.2006, 12:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.863
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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; }
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.06.2006, 12:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2006
Beiträge: 23
tassetee befindet sich auf einem aufstrebenden Ast
Standard

oh, Danke sehr! Wird gleich ausprobiert
Mit Zitat antworten
  #4 (permalink)  
Alt 07.06.2006, 21:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2006
Beiträge: 23
tassetee befindet sich auf einem aufstrebenden Ast
Standard

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>
Danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 07.06.2006, 21:45
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.863
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von tassetee

Jetzt habe ich meine Links mit pading-left versehen und schaue mir die Seite auf IE 5.01 an... der interpretiert das nicht... richtig?
Ja, das ist richtig, der IE macht das erst ab 5.5. Versuche mal testweise, dem Link "Layout" zu geben, durch height: 1px;, das müßte gehen (ich habe es allerdings noch nicht ausprobiert), wenn's klappt, poste nochmal, dann bekommst Du noch den entsprechenden Hack
Mit Zitat antworten
  #6 (permalink)  
Alt 07.06.2006, 22:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2006
Beiträge: 23
tassetee befindet sich auf einem aufstrebenden Ast
Standard

Wow, klappt, vielen Dank. Ich hab einfach display:block dazu gefügt.

Geändert von tassetee (07.06.2006 um 22:04 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 07.06.2006, 22:13
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.863
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von tassetee

Ich hab einfach display:block dazu gefügt.
Das geht natürlich auch. Ich war allerdings davon ausgegangen, daß der Link ein Inline-Element bleiben soll (obwohl Du natürlich nichts dergleichen geschrieben hattest), d.h. ohne weiteres im normalen Text stehen kann, und dann wäre "Layout" die Lösung gewesen, damit auch der IE 5.0 die padding-Angabe für den Link akzeptiert.

Schöne Grüße,
Heiko
Mit Zitat antworten
  #8 (permalink)  
Alt 07.06.2006, 22:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2006
Beiträge: 23
tassetee befindet sich auf einem aufstrebenden Ast
Standard

Nagut, nach ein wenig Rumprobieren von verschiedenen Wegen, den Internet Explorer zu überlisten, bin ich auch zu height: 1px übergegangen. Danke sehr, klappt super!
Mit Zitat antworten
  #9 (permalink)  
Alt 07.06.2006, 22:33
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.863
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Border wegmachen bei Bild mit umschlossenem Link Vyper CSS 2 25.11.2005 18:30
div -> runde ecken -> ein bild?! psycho_dmr CSS 0 27.12.2004 21:43
bild + groove + link ergibt zu dunklen rahmen andreas888 CSS 8 23.12.2004 11:46
Anfänger: Bild mit Link - Bild tauschen wenn visited oli CSS 3 26.09.2004 13:03
Anfänger: Bild mit Link - Rahmen verschwinden lassen oli CSS 5 23.09.2004 23:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:33 Uhr.