Im Safari ist die obere Navileiste weg wobei die Mouseover der Buttons angezeigt werden .Und die Links darunter sind nicht mehr verlinkt.
So siehts im IE aus:
Und so in Safari:
Hier der betreffende Code der index.html
<ul id="header_submenu_zeile"> <li class="mainmenu" style="margin-left:8px;"> <div class="mouseover"><a class="mouseover" href="index.html" title="Startseite"></a></div> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover2"><a class="mouseover2" href="sleopard.html" title="Snow Leopard"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover3"><a class="mouseover3" href="ios.html" title="iPhone OS"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover4"><a class="mouseover4" href="safari.html" title="Safari"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover5"><a class="mouseover5" href="iphone.html" title="iPhone"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover6"><a class="mouseover6" href="mac.html" title="Mac"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover7"><a class="mouseover7" href="itunes.html" title="iTunes"></a></div> </li> <li class="mainmenu" style="margin-left:1px;"> <div class="mouseover8"><a class="mouseover8" href="ilife.html" title="iLife '09"></a></div> </li> </ul> <!-- Submenu //--> <ul id="submenu"> <li class="submenu"> <a class="menu" href="dashboard.html"><font color="white">Dashboard</a> </li> <li class="submenu"><font color="black"></li> <li class="submenu"><a class="menu" href="screenshots.html"><font color="white"> Screenshots </a></li> <li class="submenu"><font color="black"></li> <li class="submenu"><a href="videos.html"> <font color="white"> Videos </a></li> <li class="submenu"><font color="black"></li> <li class="submenu"><a href="unboxings.html"> <font color="white"> Unboxings </a></li> <li class="submenu"><font color="black"></li> <li class="submenu"><a href="reviews.html"> <font color="white"> Reviews </a></li> <li class="submenu"><font color="black"></li> <li class="submenu"> <a href="faq.html"><font color="white"> FAQ </a> </li> <li class="submenu"><font color="black"></li> <li class="submenu"> <font color="white"><a href="wallpaper.html"><font color="white"> Wallpaper </a> </li> <li class="submenu"><font color="black"></li> <li class="submenu"><a href="widgets.html"><font color="white"> Widgets </a></li> <li class="submenu"><font color="black"></li> <li class="submenu"><a href="programme.html"><font color="white"> OS X Programme </a></li> <li class="submenu"><a href="forum.html"><font color="black"></li> <li class="submenu"> <font color="white"> Forum </a></li> <li class="submenu"><a href="suche.html" alt="Suche"> <font color="white"> Suche</a></li> </ul> </div>
Und so der css teil in der style.css:
.mouseover { background:url(button1.png); display:block; width:80px;height:21px; } .mouseover a:hover { background:url(button1_hover.png);} .mouseover2 { background:url(button2.png); display:block; width:90px;height:21px; } .mouseover2 a:hover { background:url(button2_hover.png);} .mouseover3 { background:url(button3.png); display:block; width:90px;height:21px; } .mouseover3 a:hover { background:url(button3_hover.png);} .mouseover4 { background:url(button4.png); display:block; width:90px;height:21px; } .mouseover4 a:hover { background:url(button4_hover.png);} .mouseover5 { background:url(button5.png); display:block; width:90px;height:21px; } .mouseover5 a:hover { background:url(button5_hover.png);} .mouseover6 { background:url(button6.png); display:block; width:90px;height:21px; } .mouseover6 a:hover { background:url(button6_hover.png);} .mouseover7 { background:url(button7.png); display:block; width:90px;height:21px; } .mouseover7 a:hover { background:url(button7_hover.png);} .mouseover8 { background:url(button8.png); display:block; width:90px;height:21px; } .mouseover8 a:hover { background:url(button8_hover.png);}
Ich hoffe Ihr könnt mir helfen oder einen Alternativcode vorschlagen
Dieser Beitrag wurde von ps3zocker bearbeitet: 11. Juli 2009 - 20:08