• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Geht bei euch der Rollover im IE?

I

Ixam

New member
Hey Leute

ich habe hier eine Homepage erstellt, mit einem Rollover in der Tabelle in der mitte, jedoch geht der Rollover bei mir nur mit Firefox und nicht mit dem IE, woran liegt das?

den Rollover habe ich folgendermaßen erstellt:

das ist die erste Zelle der Tabelle:

HTML: 
<tr>
    <td align="center" class="nav_dir Stil2" onClick="location.href='http://www.waraffb.de/schwimmen/archiv/2005/istkainkarlsruhe1011122005.html'">ISTKA - Karlsruhe 10./11.12. 2005 </td>
  </tr>

Im der html datei mit der Tabelle habe ich noch folgendes:

HTML: 
<link href="rollover.css" rel="stylesheet" type="text/css">

In der rollover.css steht folgendes:

Code: 
/* CSS Document */

.nav_dir{
color:#333333;
background-color:#e6e6e6;
}

.nav_dir:hover{
color:#ffffff;
background-color:#333333;
cursor: pointer;
}

Warum funktioniert das ganze mit dem Firefox und nicht mit dem IE? Und was muss ich ändern das es in beiden Browsern funktioniert?

Hier noch der Link zu der Homepage: 2005

Danke für eure Hilfe
-Ixam
 
im IE 6 und älter funktioniert :hover nur auf Links (a:hover). Das sollte sich mit IE 7 wahrscheinlich ändern. :rolleyes:

um das auszubessern, nimm Links und mach entsprechende Style-Attribute:
a {
display:block
}

/* Für IE: */
* html a {
width:100%:
}
 
danke erstmal für deine antwort, aber des kapier ich net so recht was ich machen soll -_-

kannst du mir die oben von mir geposteten codes mal so anpassen das es in firefox und ie geht?

wäre echt klasse
Vielen dank für eure/deine Hilfe und Arbeit
-Ixam
 
Code: 
<tr>
    <td align="center" class="nav_dir">
        <a href="http://www.waraffb.de/schwimmen/archiv/2005/istkainkarlsruhe1011122005.html">ISTKA - Karlsruhe 10./11.12. 2005</a>
    </td>
</tr>
Code: 
/* CSS Document */

.nav_dir a {
color:#333333;
background-color:#e6e6e6;
display:block;
}
* html .nav_dir a {
width:100%;
}
.nav_dir a:hover{
color:#ffffff;
background-color:#333333;
}
 
Hallo, danke für deine Antwort nur leider geht das mit den farben jetzt nicht mehr...der Link wird jetzt auch in dem Blauton angezeigt wie alle anderen Links auf der Homepage (und unterstrichen ist er auch)

Jedoch soll ja der Text die Farbe auch ändern...von #333333 nach #ffffff

Kannst du des vllt auch noch irgendwie machen das des auch noch funzt?

danke für deine Hilfe
-Ixam (braucht man dafür vllt js?)
 
Das funktioniert:
Code: 
.nav_dir a {
color:#333333 !important; 
background-color:#e6e6e6;
display:block;
}
* html .nav_dir a {
width:100%;
}
.nav_dir a:hover{
color:#ffffff !important;
background-color:#333333;
text-decoration:none !important;
}
 
Zuletzt bearbeitet von einem Moderator:
Oh mist, ich muss mich vorher vertan haben...beim jetzt gehts zwar beim IE aber nicht beim Firefox...

Hier nochmal der Link zu der Tablelle: 2005

Gibts nicht ne lösung die im Firefox und im IE funktioniert?

Danke für eure Hilfe
-Ixam
 
Ah jetzt gehts bei mir auch :D kA warum's vorher nicht ging...

Jetzt hätte ich nur noch einen Zusatz: und zwar wie kann ich es bewerkstelligen das der Link dann in einem Neuen Fenster geöffnet wird?

Danke für eure Hilfe
-Ixam
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben