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?



css code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  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:

css code - Bekijk de code zonder highlighting - Klap code in 
  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:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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.213s