WinFuture-Forum.de: Problem Mit Hover In Safari - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Problem Mit Hover In Safari

#1 Mitglied ist offline   ps3zocker 

  • Gruppe: aktive Mitglieder
  • Beiträge: 720
  • Beigetreten: 21. Februar 09
  • Reputation: 0

geschrieben 11. Juli 2009 - 20:06

Ich habe das Problem das die Navigation in Safari nicht richtig geht.
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:
Angehängtes Bild: Bildschirminhalt_erfassen_2.jpg

Und so in Safari:
Angehängtes Bild: Bildschirminhalt_erfassen_1.jpg

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">&nbsp;&nbsp;&nbsp;<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

Eingefügtes Bild
0

Anzeige

#2 Mitglied ist offline   ps3zocker 

  • Gruppe: aktive Mitglieder
  • Beiträge: 720
  • Beigetreten: 21. Februar 09
  • Reputation: 0

geschrieben 12. Juli 2009 - 19:02

Weiß denn keiner Rat?
Eingefügtes Bild
0

#3 Mitglied ist offline   ps3zocker 

  • Gruppe: aktive Mitglieder
  • Beiträge: 720
  • Beigetreten: 21. Februar 09
  • Reputation: 0

geschrieben 13. Juli 2009 - 12:06

Keiner?
Eingefügtes Bild
0

#4 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.940
  • Beigetreten: 13. Dezember 04
  • Reputation: 43

geschrieben 13. Juli 2009 - 12:15

Kann man sich irgendwo online den komplette Code anschauen? Ansonsten lade mal die beiden kompletten zugehörigen Dateien hoch.
witi@jabber.ccc.de 0xAAE321A2

50226 - Witis Blog
0

#5 Mitglied ist offline   ps3zocker 

  • Gruppe: aktive Mitglieder
  • Beiträge: 720
  • Beigetreten: 21. Februar 09
  • Reputation: 0

geschrieben 19. Juli 2009 - 15:24

Problem gelöst. Die Hintergrunddatei verdeckte die Navigation in Safari, hab den Code etwas umgeschrieben, jetzt gehts.
Eingefügtes Bild
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0