Micha1108
Aktives Mitglied
Thread Starter
- Dabei seit
- 04.10.2004
- Beiträge
- 342
- Reaktionspunkte
- 1
Hallo Webdesigner,
ich habe ein Problem mit CSS unter Safari: Mit der Definition
a.nav_home {width:160px; height:20px;}
a.nav_home:hover {background: url(images/nav_home_on.jpg);}
a.nav_news {width:160px; height:24px;}
a.nav_news:hover {background: url(images/nav_news_on.jpg);}
a.nav_bio {width:160px; height:22px;}
a.nav_bio:hover {background: url(images/nav_bio_on.jpg);}
usw. definiere ich für jeden Button ein "MouseOver"-Bild, das erscheinen soll, wenn man mit der Maus über die Tabellenzelle fährt. Die html-Seite sieht so aus:
<tr>
<td width="80" height="20" background="images/nav_home.jpg">
<a href="home.htm" class="nav_home"></a>
</td>
</tr>
<tr>
<td width="80" height="24" background="images/nav_news.jpg">
<a href="news.htm" class="nav_news"></a>
</td>
</tr>
<tr>
<td width="80" height="22" background="images/nav_bio.jpg">
<a href="bio.htm" class="nav_bio"></a>
</td>
</tr>
Unter Windows IE funktioniert das problemlos. Unter Safari sieht man weder einen Link, noch erscheint das MouseOver-Bild. Was mache ich falsch? Kann es sein, dass Safari die CSS-Stile nicht versteht?
Ich war ursprünglich von der Lösung total begeistert, da man komplett auf JavaScript verzichten kann! Nur wenn man's unter MacOS nicht sieht, nutzt es wenig...
Vorab schonmal vielen Dank für Eure Hilfe,
Micha
ich habe ein Problem mit CSS unter Safari: Mit der Definition
a.nav_home {width:160px; height:20px;}
a.nav_home:hover {background: url(images/nav_home_on.jpg);}
a.nav_news {width:160px; height:24px;}
a.nav_news:hover {background: url(images/nav_news_on.jpg);}
a.nav_bio {width:160px; height:22px;}
a.nav_bio:hover {background: url(images/nav_bio_on.jpg);}
usw. definiere ich für jeden Button ein "MouseOver"-Bild, das erscheinen soll, wenn man mit der Maus über die Tabellenzelle fährt. Die html-Seite sieht so aus:
<tr>
<td width="80" height="20" background="images/nav_home.jpg">
<a href="home.htm" class="nav_home"></a>
</td>
</tr>
<tr>
<td width="80" height="24" background="images/nav_news.jpg">
<a href="news.htm" class="nav_news"></a>
</td>
</tr>
<tr>
<td width="80" height="22" background="images/nav_bio.jpg">
<a href="bio.htm" class="nav_bio"></a>
</td>
</tr>
Unter Windows IE funktioniert das problemlos. Unter Safari sieht man weder einen Link, noch erscheint das MouseOver-Bild. Was mache ich falsch? Kann es sein, dass Safari die CSS-Stile nicht versteht?
Ich war ursprünglich von der Lösung total begeistert, da man komplett auf JavaScript verzichten kann! Nur wenn man's unter MacOS nicht sieht, nutzt es wenig...
Vorab schonmal vielen Dank für Eure Hilfe,
Micha