css -> a -> hover fehler beim ie

[michelschacht]

Ich kann mich schwach Erinnern das ich das auch mal versucht hatte aber bei mir war die Grafik nicht mehr da wo sie hin sollte kann auch sein das ie da nen Problem mit hat aber ohne es in live anzuschauen geht das schwer zu sagen

 

[Picco Terra]

Das ist verdammt nah drann^^ nur der oberste link ist immernoch dauerhaft hinterlegt aber auch schon anklickbar noch dafür ne lösung und ich bin bis hier unschlos glücklich

 

[Maik]

nur der oberste link ist immernoch dauerhaft hinterlegt aber auch schon anklickbar

Kann ich mit meinem Lösungsvorschlag nicht bestätigen:

 

[Picco Terra]

hm wlehce ie version hast du/sie denn?

 

[Maik]

Der Screenshot stammt vom IE6, aber im IE7 funktioniert es bei mir ebenso:

 

[Maik]

Btw, mein Tipp in deinem Thread kleine bitte um hilfe im bezug aufs profil sollte jetzt funktionieren, da du nun mehr als 10 Beiträge im Forum verfasst hast.

 

[Maik]

Ansonsten versuch es mal auf diese Weise:

<div id="wrapper">
     <a href="index.html"><img src="http://www.bilder-hochladen.net/files/1aj7-60.gif" class="logo"/></a>
     <div class="navih">
          <a href="start">Startseite</a><br />
          <a href="#">Leder</a><br />
          <a href="#">Pfeil/Bogen</a><br />
          <a href="#">Holzwaren</a><br />
          <a href="#">Kinderspielzeug</a><br />
          <a href="#">Gewandungen</a><br />
          <a href="#">Top-ten</a><br />
          <a href="#">sonderaktionen</a><br />
          <a href="gb">Gästebuch</a>
     </div>
     <div class="navil">
          <a href="#">partner1</a><br />
          <a href="#">partner1</a><br />
          <a href="#">partner1</a><br />
          <a href="#">partner1</a><br />
     </div>
     <div class="text">
          <a class="achtung" href="news">News</a><br />
          <a href="termine">Termine</a><br />
          <a href="wissenswertes">Wissenswertes</a><br />
          <a href="Agb">AGB</a><br />
     </div>
     <div class="platz"></div>
     <div class="naviu">
          <a href="#">Shop</a>||
          <a href="#">Warenkorb</a>||
          <a href="impressum">Impressum</a>||
          <a href="Agb">AGB</a>||
          <a href="info" id="aktiv">Informationen</a>||
          <a href="#">Top-ten</a>||
          <a href="#">Sonderaktionen</a>
     </div>
     <a href="http://www.counter-kostenlos.net/" target="_blank"><img src="http://www.counter-kostenlos.net/counter.php?id=105053" class="counter" alt="kostenlose counter" border="0"></a>
</div>

#wrapper {
width:1040px;
}

.navil {
background-color:#E3DDDA;
width:145px;
margin:-420px 0px 0px 870px;
height:400px;
padding:10px ;
text-align:center;
float:right;
}

.navih {
background-color:#E3DDDA;
width:164px;
margin:-5px 846px 0px 0px;
text-align:center;
height:400px;
padding:10px;
}

.navih a:hover{
background:url(http://www.bilder-hochladen.net/files/1aj7-6m.gif);
color:#DFD;
text-decoration:none;
background-color:#000;
}

 

[Picco Terra]

bringt leider auch nicht das gewünschte Ergebnis

wo kann ich eig sehen welche ie version ich hab?

 

[Maik]

Hi,

meinst du vielleicht diesen Link?

<a href="index.html"><img src="http://www.bilder-hochladen.net/files/1aj7-60.gif" class="logo"/></a>

Lösung:

<a class="header" href="index.html"><img src="http://www.bilder-hochladen.net/files/1aj7-60.gif" class="logo"/></a>

a.header { display:block; }

a.header:hover{
background:url(http://www.bilder-hochladen.net/files/1aj7-6m.gif);
color:#DFD;
text-decoration:none;
background-color:#000;
}

/* Dieser Selektor a:link:hover ist somit überflüssig */

a:link:hover{
color:#DFD;
text-decoration:none;
background-color:#000;
background:url(http://www.bilder-hochladen.net/files/1aj7-6m.gif);
}

Die IE-Version erfährst du, wenn du in der Menüleiste auf das Fragezeichen bzw. Hilfe und dann auf "Info" bzw. "About Internet Explorer" klickst.