login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu in FF en IE

Offline jpgr - 12/11/2006 22:45
Avatar van jpgrNieuw lid ik heb op mijn nieuwe site een dropdownmenu gemaakt en er is een probleem;

Bij Firefox wordt het menu onder de tekst geplaats en in IE rechts.

Zie http://www.trei.../ff-ie.jpg voor een voorbeeld.

en mijn codes:
Javascript:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. </style>
  2. <script language="JavaScript">
  3. function toonmenu(elmnt)
  4. {
  5. document.all(elmnt).style.visibility="visible"
  6. }
  7. function verstopmenu(elmnt)
  8. {
  9. document.all(elmnt).style.visibility="hidden"
  10. }
  11. </script>


html code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!-- begin menu welkom -->
  2. <td class="menu" onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')"><img src="http://www.treinen-en-spotters.nl/nieuwe_site/afbeeldingen/welkom.gif" target="frame1">
  3. <table class="dropdownmenu" id="site1"><tr class="normaal_tekst">
  4. <td><a href="http://www.treinen-enzo.nl">Nieuw op deze site?</a><br>
  5. <a href="http://www.treinen-enzo.nl">Nieuw/Updates</a><br>
  6. <a href="http://www.treinen-enzo.nl">Contact</a><br>
  7. <a href="http://www.treinen-enzo.nl">Over de maker/Website</a><br>
  8. <a href="http://www.treinen-enzo.nl">Disclaimer</a><br>
  9. <a href="http://www.treinen-enzo.nl">Sitemap</a></td></tr>
  10. </table></td>


CSS code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .dropdownmenu
  2. {
  3. border-left: 2px solid #000000;
  4. border-top: 2px solid #000000;
  5. border-right: 2px solid #000000;
  6. border-bottom: 2px solid #000000;
  7. text-align: center;
  8. background-color: #5f9ea0;
  9. visibility:hidden;
  10. position: absolute;
  11. }
  12. .menu
  13. {
  14. border-top: 2px solid #000000;
  15. border-bottom: 2px solid #000000;
  16. border-right: 2px solid #000000;
  17. padding: 0px;
  18. margin: 0px;
  19. height: 18px;
  20. background-color: #5f9ea0;
  21. font-family: arial;
  22. font-size: 12px;
  23. }


Gr martijn

4 antwoorden

Gesponsorde links
Offline Mad_Mike - 12/11/2006 22:52
Avatar van Mad_Mike PHP beginner Ziet er voor mij uit als een breedte probleem. Zie ook nergens zo 1 2 3 in je code dat je een breedte voor het menu opgeeft.
Offline jpgr - 12/11/2006 22:58
Avatar van jpgr Nieuw lid Nee dat lijkt me ook niet.

Gr martijn
Offline Dark_Paul - 13/11/2006 09:25
Avatar van Dark_Paul PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. border-left: 2px solid #000000;
  2. border-top: 2px solid #000000;
  3. border-right: 2px solid #000000;
  4. border-bottom: 2px solid #000000;

Kan sowieso korter, namelijk:
border: 2px solid #000000;

Verder, geef je dropdown-menu eens een top: ..px mee.
Dus:
position: absolute;
top: 20px; // aanpasbaar aan de hoogte van je menu
Offline timmie_loots - 13/11/2006 15:47
Avatar van timmie_loots PHP gevorderde Dit gaat niet echt lekker werken. Zoek eens op suckerfish dropdown, dat zijn hele mooie dropdown menu's en die werken voor zover ik weet in bijna elke browser.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s