login  Naam:   Wachtwoord: 
Registreer je!
 Forum

firefox height/width probleem

Offline mdvmartijn - 02/08/2008 17:51
Avatar van mdvmartijnNieuw lid Hallo,

Ik ben bezig met een website, nou had ik een menutje gemaakt wat prima werkt in IE maar firefox pakt de lengte en breete niet. wat kan hier de oorzaak van zijn?



  1. a {
  2. color :#fff;
  3. font-size :18;
  4. text-decoration :none;
  5. }
  6. #menu a {
  7. height : 20px;
  8. width : 120px;
  9. background-color : #000;
  10. text-align : left;
  11. padding: 1px; }
  12.  
  13. #menu a:hover {
  14. background-color:#fff;
  15. color: #000; }


<div id="menu"><a href="#">Home</a></div>

4 antwoorden

Gesponsorde links
Offline Koen - 02/08/2008 17:55
Avatar van Koen PHP expert
  1. a {
  2. color :#fff;
  3. font-size :18;
  4. text-decoration :none;
  5. }
  6. #menu {
  7. height : 20px;
  8. width : 120px;
  9. background-color : #000;
  10. text-align : left;
  11. padding: 1px; }
  12.  
  13. #menu a:hover {
  14. background-color:#fff;
  15. color: #000; }

en zo?
Offline mdvmartijn - 02/08/2008 18:01
Avatar van mdvmartijn Nieuw lid dan wel maar dan pakt hij de afmetingen bij het mouse-over niet meer
Offline Martijn - 02/08/2008 18:26
Avatar van Martijn Crew PHP je bent bij de a (gewone link)_ vergeten px te zetten achter fpntsize
Offline mdvmartijn - 02/08/2008 18:28 (laatste wijziging 02/08/2008 20:21)
Avatar van mdvmartijn Nieuw lid Ik ben al wat verder, de breete enz pakt hij nu, maar nu pakt firefox de padding niet, tevens zet hij het menu een heel stuk naast de andere div.

css:

  1. #menu {
  2. list-style: none;
  3. width : 120px;
  4. float : left;
  5.  
  6. }
  7.  
  8. #menu a {
  9. height : 20px;
  10. width : 120px;
  11. background-color : #000;
  12. text-align : left;
  13. text-decoration: none;
  14. display: block;
  15. padding :1px;
  16. }
  17.  
  18. #menu li {
  19. float : left;
  20. height : 20px;
  21. width : 120px;
  22. padding :1px;
  23. }
  24.  
  25.  
  26. #menu a:hover {
  27. background-color:#fff;
  28. color: #000; }


html:

  1. <div id="main">
  2.  
  3. <ul id="menu">
  4. <li><a href="#">Home</a></li>
  5. <li><a href="#">Contact</a></li>
  6. <li><a href="#">Nieuws</a></li>
  7. </ul>
  8.  
  9.  
  10. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s