external link icon

[bob]

Hallo,

würde gerne wissen warum auf der Seite http://www.adaluni.de/ bei dem ersen Artikel in dem Text, rechts neben dem Link "QuickDrag" ein Icon erscheint wenn man die Seite mit FF3 betrachtet und beim IE7 nicht?
Kenne mich mit CSS schon etwas aus aber dieses Problem bingt mich zur Verzweiflung. Wäre für jeden Tipp sehr dankbar.

Vielen Dank im Voraus, Bob.

[Vinzenz Mai]

Hallo Bob,

würde gerne wissen warum auf der Seite http://www.adaluni.de/ bei dem ersen Artikel in dem Text, rechts neben dem Link "QuickDrag" ein Icon erscheint wenn man die Seite mit FF3 betrachtet und beim IE7 nicht?

siehe SELFHTML, Kapitel CSS, <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after@title=:before, :after (Pseudoelemente für automatisch generierten Inhalt)> und die Icons für die Browserunterstützung dieser Eigenschaften ...

Freundliche Grüße

Vinzenz

[Hopsel]

Hi Vinzenz!

würde gerne wissen warum auf der Seite http://www.adaluni.de/ bei dem ersen Artikel in dem Text, rechts neben dem Link "QuickDrag" ein Icon erscheint wenn man die Seite mit FF3 betrachtet und beim IE7 nicht?
siehe SELFHTML, Kapitel CSS, <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after@title=:before, :after (Pseudoelemente für automatisch generierten Inhalt)> und die Icons für die Browserunterstützung dieser Eigenschaften ...

a.liext{  
background:transparent url(images/external.gif) no-repeat scroll right center;  
padding-right:14px;  
}

Das beherrscht auch der IE und hat nichts mit generiertem Inhalt zu tun.

Warum er bei diesem speziellen Link nichts anzeigt kann ich nur vermuten.
Ich vermute, dass die Inline-Box schon am Ende der darüberliegenden Zeile beginnt. Dort zeigt der IE dann die Hintergrundgrafik an, was man allerdings nicht sieht, weil er den Innenabstand dort nicht korrekt setzt.
Dass der Internet Explorer da etwas eigentümlich ist, ist mir auch schon aufgefallen. Aber der Threadersteller hat ja schon Abhilfe geschaffen. (Oder schaffen lassen...)

MfG H☼psel

[bob]

Hallo Hopsel,

Warum er bei diesem speziellen Link nichts anzeigt kann ich nur vermuten.
Ich vermute, dass die Inline-Box schon am Ende der darüberliegenden Zeile beginnt. Dort zeigt der IE dann die Hintergrundgrafik an, was man allerdings nicht sieht, weil er den Innenabstand dort nicht korrekt setzt.

Das verstehe ich, weiss nur nicht wie ich es lösen kann.

»»Aber der Threadersteller hat ja schon Abhilfe geschaffen. (Oder schaffen lassen...)

Sorry, verstehe nicht so recht was du damit meinst.

Könntest du vielleicht einen konkreten Lösungsansatz anhand von http://www.adaluni.de/ geben. wäre dir dankbar.

Gruss..

[bob]

Könnte man das evtl. mit Hilfe von display:block; besser in den Griff bekommen?
Was wären die Vor- bzw. Nachteile?

Gruss

[Hopsel]

Hi bob!

Könnte man das evtl. mit Hilfe von display:block; besser in den Griff bekommen?

Nein.

Was wären die Vor- bzw. Nachteile?

Das Element würde einen neuen Block erzeugen. Glaub mir, das möchtest du nicht.

Abhilfe schafft in IE 6 & 7

white-space: nowrap;  
display:inline-block;

.

MfG H☼psel

[bob]

Abhilfe schafft in IE 6 & 7

white-space: nowrap;

display:inline-block;

> .  
>   
> MfG H☼psel  
  
Ok, werde ich später ausprobieren.  
  
Vielen Dank für deine Hilfe. ;)

[bob]

Hi Hopsel,

Abhilfe schafft in IE 6 & 7

white-space: nowrap;

display:inline-block;

  
Hat super geklappt!  
Habe aber  

> `white-space: nowrap;`{:.language-css}  

weggelassen weil es auch ohne geht. Oder sollte ich es auch irgendeinem Grund drin lassen. Ist das evtl. wichtig für andere Browser?  
  
Danke nochmal für die Hilfe.  
  
Gruss, Bob.

[bob]

Hi Hopsel,

Abhilfe schafft in IE 6 & 7

white-space: nowrap;

display:inline-block;

hat super geklappt!  
  
Habe aber  
`white-space: nowrap;`{:.language-css}  
weggelassen, weil es auch ohne geht. Oder sollte ich es aus irgendeinem Grund  
drin lassen? Ist das evtl. wichtig für andere Browser?  
Danke nochmal für die Hilfe.  
  
Gruss, bob.