link mit backgroundgrafiken und :hover - probleme im ie6 - workaround möglich?

[Detlef G.]

Hallo werner

Habe versucht, den IE auszutricksen und ihm vorzugaukeln, der Link sei nicht ganz am Anfang, indem ich ein &nbsp;vor den <a gestellt habe. Hat aber nix gefruchtet.

Damit ist es _vor_ dem white-space:nowrap; und nützt nichts.

  

> html:  
>   
> <p> Text Text Text Text Text Text Text Text Text Text  
>     <a id="linkint" href="link-int">Test Icon Link 1</a>  
>     Text Text Text Text Text Text Text Text Text Text Text Text  
>     <a id="linkint" href="link-ext">Test Icon Link 2</a>  
> </p>  

Eine id darf nur _einmal_ pro Dokument vorkommen, verwende dafür Klassen.

Versuche es einmal so:

  
   <p> Text Text Text Text Text Text Text Text Text Text  
    <span class="linkint">&nbsp;<a href="link-int">Test Icon Link 1</a></span>  
    Text Text Text Text Text Text Text Text Text Text Text Text  
    <span class="linkint">&nbsp;<a href="link-ext">Test Icon Link 2</a></span>  
   </p>  

und im CSS:

  
.linkint         {  
                 white-space:nowrap;  
                 }  
  
.linkint a       {  
                 display:inline;  
                 padding:2px;  
                 padding-left:20px;  
                 text-decoration:none;  
                 color:#474747;  
                 background:url(img/icon/link-int.gif) no-repeat left center;  
                 }  
  
.linkint a:hover {  
                 color:#B30212;  
                 background-image:url(img/icon/link-int-rollover.gif);  
                 }  

Auf Wiederlesen
Detlef