zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Link mit Icon - Icon in IE falsch angezeigt bei zweizeiligem Link

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.07.2008, 08:31
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2004
Beiträge: 36
jorainbo befindet sich auf einem aufstrebenden Ast
Standard Link mit Icon - Icon in IE falsch angezeigt bei zweizeiligem Link

Hallo zusammen,

in unserem CMS werden alle Arten von Links automatisch mit gesonderten CSS-Klassen versehen für externe Links, interne, PDF-Dateien, usw.

Dies nutzen wir um automatisch per CSS kleine Icons vor bzw. nach dem Link anzeigen zu lassen.

Dies funktioniert soweit auch ganz gut.

Nun haben wir das Problem, immer dann wenn ein Link über 2 Zeilen geht (z.b. in einer Aufzählung) dann zeigt der IE7 das Icon nicht am Ende vom Link in der zweiten Zeile an, sondern mittem im letzten Buchstaben der 1 Zeile (siehe Anhang).

Der CSS Code für den Link lautet:

#content ul .externerLink { background:url(symbols/extern_gruen.png) 100% top no-repeat; padding-right: 12px; padding-left: 0px; text-decoration: none; }

Ich hab da schon einiges ausprobiert mit der Hintergrundpositionierung (also statt 100% und top alles mögliche an anderen Kombinationen) aber im IE hat noch nix hingehauen. Im Firefox 3 wird es richtig angezeigt.

Hat da irgendjemand eine Lösung?

Vielen Dank und viele Grüße
Mark
Angehängte Grafiken
Dateityp: jpg screen-aufzählung.jpg (52,6 KB, 19x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.07.2008, 14:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Also eigentlich brauchst du doch nur zu schreiben:

background: url(symbols/extern_gruen.png) center right no-repeat;
padding-right: 12px;
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.07.2008, 15:49
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2004
Beiträge: 36
jorainbo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cgdesign Beitrag anzeigen
Also eigentlich brauchst du doch nur zu schreiben:

background: url(symbols/extern_gruen.png) center right no-repeat;
padding-right: 12px;
Leider nicht,

Wenn ich statt "top" dort "center" eingebe, dann rutscht das Icon bissl runter, aber noch lange nicht dahin wo es hin soll und wird auch nur noch halb dargestellt bei den zweizeiligen Links (siehe Anhang).

Gebe ich "bottom" ein, verschwindet das Icon bei den zweiweiligen Links komplett
Angehängte Grafiken
Dateityp: jpg screen-aufzählung2.jpg (47,1 KB, 5x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 02.07.2008, 16:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Öhm, dann brauchen wir mal etwas mehr Quellcode.
Mit Zitat antworten
  #5 (permalink)  
Alt 02.07.2008, 19:00
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

Verquer positionierte HG-Bilder von Inline-Elementen mit mehrzeiligem Text sind ein bekanntes IE-Problem. display: block; für die Links würde helfen, aber dann stünde das Icon immer ganz rechts, also u.U. weit vom Textende entfernt. float (ohne width) oder zoom: 1; (nicht valide) statt display dagegen stellt die Links ebenfalls als Block dar (zoom als Inline-Block), aber lässt sie außerdem auch auf die Breite Ihres Inhalts zusammenschrumpfen (es reicht, wenn nur der IE float sieht, zoom dagegen sollte sogar definitiv nur der IE sehen).

Geändert von heiko_rs (02.07.2008 um 19:58 Uhr)
Mit Zitat antworten
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
externer Link mit Icon versehen über CSS offina CSS 8 14.06.2008 04:55
CSS Navigationsproblem thesecretboy CSS 0 12.04.2007 09:12
Icon vor Link | wenn Zeilenumbruch verschwindet Icon NicolaibassDH CSS 0 28.03.2007 15:14
Problem mit komplexem Menü Chellisa CSS 2 09.01.2007 18:16
BG im link wird bei FF nicht korrekt angezeigt emil CSS 4 08.02.2006 15:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:31 Uhr.