login  Naam:   Wachtwoord: 
Registreer je!
 Forum

verschil menu IE en FireFox (Opgelost)

Offline Rianne91 - 23/12/2007 17:10
Avatar van Rianne91Nieuw lid Hoi,

Ik heb een site gemaakt, www.bergfestival.nl allemaal heel leuk en aardig, maar als je de site bekijkt met FireFox staat het menu een stukje lager zodat het beetje onleesbaar wordt.

Dit is een stukje code van de pagina met het menu:

  1. <div id="container">
  2. <div id="core_header">
  3. </div>
  4. <div id="core_container">
  5. <div id="core_container2">
  6. <div id="core_left">
  7. <div id="navcontainer">
  8. <ul>
  9. <li>
  10. <p align="center">
  11. <a href="http://www.bergfestival.nl/hometekst.htm" title="Home" target="main">
  12. Home</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  13. <a title="poll" href="http://www.riannenederlof.nl/bfpoll/poll.php" target="main">
  14. Poll</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  15. <a title="Forum" href="http://www.riannenederlof.nl/forum" target="main">
  16. Forum</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  17. <a title="Inschrijvingen" href="http://www.bergfestival.nl/inschrijvingentekst.htm" target="main">
  18. Inschrijvingen</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  19. <a title="Foto" href="http://www.riannenederlof.nl/bergfestival/fotoalbum/Bergfestival2007/" target="main">
  20. Foto's</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  21. <a title="Links" href="http://www.bergfestival.nl/linkstekst.htm" target="main">
  22. Links</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
  23. <a title="Contact" href="http://www.bergfestival.nl/contacttekst.htm" target="main">
  24. Contact</a></center></li>
  25. </ul>
  26. </div>
  27. </div>
  28. <div id="core_right">


Het lukt mij niet om het menu zo te krijgen dat het ook bij FireFox er normaal uitziet.

Kan iemand mij (op weg) helpen?

xx 

4 antwoorden

Gesponsorde links
Offline jerone - 23/12/2007 17:35
Avatar van jerone JS gevorderde dan moet je je top in #navcontainer li aanpassen.
Offline marten - 23/12/2007 22:33
Avatar van marten Beheerder
  1. <div id="testmenu">
  2. <ul>
  3. <li><a href="hometekst.htm" title="Home" target="main">Home</a></li>
  4. <li><a title="poll" href="javascript:if(confirm('http://www.riannenederlof.nl/bfpoll/poll.php\n\nThis file was not retrieved because it was filtered out by your project settings.\n\nWould you like to open it from the server?'))window.location='http://www.riannenederlof.nl/bfpoll/poll.php'" target="main">Poll</a></li>
  5. <li><a title="Forum" href="javascript:if(confirm('http://www.riannenederlof.nl/forum\n\nThis file was not retrieved because it was filtered out by your project settings.\n\nWould you like to open it from the server?'))window.location='http://www.riannenederlof.nl/forum'" target="main">Forum</a></li>
  6. <li><a title="Inschrijvingen" href="inschrijvingentekst.htm" target="main">Inschrijvingen</a></li>
  7. <li><a title="Foto" href="javascript:if(confirm('http://www.riannenederlof.nl/bergfestival/fotoalbum/Bergfestival2007/\n\nThis file was not retrieved because it was filtered out by your project settings.\n\nWould you like to open it from the server?'))window.location='http://www.riannenederlof.nl/bergfestival/fotoalbum/Bergfestival2007/'" target="main">
  8. Foto's</a></li>
  9. <li><a title="Links" href="linkstekst.htm" target="main">
  10. Links</a></li>
  11. <li><a title="Contact" href="contacttekst.htm" target="main">
  12. Contact</a></li>
  13. </ul>
  14. </div>


dat zet je in je index. Dan is het nog mooier voor google ook.

Je css wordt dan dit.
  1. #testmenu {
  2. width: 774px;
  3. list-style-type: none;
  4. background: url(images/menu_bg.gif);
  5. height: 60px;
  6. line-height: 2.0;
  7. }
  8.  
  9. #testmenu ul {
  10. margin: 0;
  11. list-style-type: none;
  12. text-align: center;
  13. line-height: 3.0;
  14. height: 60px;
  15. }
  16.  
  17. #testmenu ul li {
  18. display: inline;
  19. padding-right: 50px;
  20. }
  21.  
  22. #testmenu a, #testmenu a:visited {
  23. display:inline;
  24. color:#FFF;
  25. text-decoration: none;
  26. font-family:Arial;
  27. font-size:12px;
  28. }
  29. #testmenu a:hover {
  30. margin:0px;
  31. color:#FFF;
  32. text-decoration: none;
  33. border-bottom:2px solid #FFF;
  34. }
Offline Rianne91 - 23/12/2007 22:34
Avatar van Rianne91 Nieuw lid Opgelost, thnx Marten!  
Offline marten - 23/12/2007 22:37
Avatar van marten Beheerder Hou ook van jou 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s