login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS menu

Offline Chilion - 01/10/2010 15:21 (laatste wijziging 01/10/2010 15:22)
Avatar van ChilionMySQL interesse Mensen,

www.oormerkenbank.com
Menu werkt in meeste browsers wel, sommige niet.
Vast een CSS probleem, maar wat is daar dan het probleem?

Dit is de code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul.nav {
  2.             line-height:    15px;
  3.             margin-top:        32px;    
  4.             margin-left:    20px;
  5.         }
  6.  
  7.             ul.nav li {
  8.                 list-style-type:    none;
  9.                 display:            block;
  10.                 width:                150px;
  11.                 height:                41px;
  12.  
  13.             }
  14.  
  15.                 ul.nav li a{
  16.                      color:                #FFF;
  17.                      text-decoration:    none;
  18.                      font-family:        Tahoma, Geneva, sans-serif;
  19.                 }
  20.  
  21.                 ul.nav li a:hover{
  22.                      color:                #FF3;
  23.                      text-decoration:    none;
  24.                      font-family:        Tahoma, Geneva, sans-serif;
  25.                 }


Heb werkelijk waar al een boel geprobeerd, maar krijg de juiste oplossing niet te pakken 

Gaarne help 

Chilion

8 antwoorden

Gesponsorde links
Offline smtp - 01/10/2010 15:29 (laatste wijziging 01/10/2010 15:30)
Avatar van smtp Nieuw lid in welke browsers werkt het niet, en wat doet het dan precies niet?

edit:
kun je de HTML code ff posten?
Offline Chilion - 01/10/2010 15:31
Avatar van Chilion MySQL interesse
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  2. <html xmlns="http://www.w3.org/1999/xhtml"> 

  3. 	<head> 

  4.     	<link href="style.css" rel="stylesheet" type="text/css" /> 

  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

  6. 	<title>Oormerkenbank.com</title> 

  7.     <script language="JavaScript" src="inc/form_validate.js" type="text/javascript"></script> 

  8. 	</head> 

  9. 	<body> 

  10.  
  11.     <div class="container">	

  12.         <div class="header"></div><br /> 

  13.         <div class="main_head"> 

  14.         	<div class="main_head_nav"> 

  15. 				<ul class="nav"> 

  16.                 	<li><a href="home">Home</a></li> 

  17.                     <li><a href="oormerken">Oormerken</a><img src="images/excl.png" alt="attention" style="float: right; margin-top: 25px;"/></li> 

  18.                     <li><a href="demo">Proefexemplaar</a></li> 

  19.                     <li><a href="inloggen">Inloggen</a></li> 

  20.                     <li><a href="contact">Contact</a></li> 

  21.                	</ul> 

  22.             </div> 

  23.             <div class="main_head_hr"></div> 

  24.             <div class="main_head_pic"></div> 

  25.     	</div> 

  26.         <div class="main_content"> 

  27.  
  28.      	</div> 

  29.         <div class="footer"> 

  30. 			Telefoon: <b>087 - 8707929</b><br /> 

  31.         	<a href="home">Home</a> | <a href="contact">Contact</a> | <a href="disclaimer">Disclaimer</a> | <a href="partners">Partners</a> | <a href="sitemap">Sitemap</a> | <a href="tellafriend">Stuur door</a><br /> 

  32.             Webontwikkeling en Copyright &copy; Big Blue Group&reg; 2010

  33.         </div>          

  34.  	</div> 

  35.  
  36. </body> 

  37. </html


In bijvoorbeeld IE 6,7,8 verspringt het menu in sommige resoluties!
Offline smtp - 01/10/2010 15:35
Avatar van smtp Nieuw lid heb geen internet explorer, dus ik kan het zelf niet zien. hoeveel verschuift het?
Offline Chilion - 01/10/2010 15:36
Avatar van Chilion MySQL interesse De menu items gaan allemaal een stukje naar links en naar beneden.
Erg vaag 
Offline smtp - 01/10/2010 15:39
Avatar van smtp Nieuw lid idd vaag.
kleinigheidje,
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul.nav li a{
  2.                      color:                #FFF;
  3.                      text-decoration:    none;
  4.                      font-family:        Tahoma, Geneva, sans-serif;
  5.                 }
  6.  
  7.                 ul.nav li a:hover{
  8.                      color:                #FF3;
  9.                      text-decoration:    none;
  10.                      font-family:        Tahoma, Geneva, sans-serif;
  11.                 }
bij een hover hoef je alleen maar de dingen die veranderen te benoemen. bij de hover zijn text-decoration en font-family overbodig 
Offline Chilion - 01/10/2010 15:43
Avatar van Chilion MySQL interesse Aangepast. Iemand een idee voor het mysterieuze probleem?
Offline WouterJ - 01/10/2010 18:06
Avatar van WouterJ HTML gevorderde zet eens margin: 0; en padding: 0; erbij.

IE hanteert andere standaart margin/padding dan FF.
Offline Wave6 - 02/10/2010 03:45
Avatar van Wave6 PHP beginner li { margin: 0; padding: 0;}
En vervolgens weer opnieuw definieren:)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.504s