Bonjour à toutes et à tous,
padding inefficace
J'ai vérifié mes deux fichiers.
Problème
L'affichage ne tient pas compte du code : padding: 0 15x 0 15x;
Comment résoudre ce problème ?
Avec mes remerciements
Cordialement
Papy
      
      
    padding inefficace
J'ai vérifié mes deux fichiers.
Problème
L'affichage ne tient pas compte du code : padding: 0 15x 0 15x;
<!--02_Deb32_menu_horizontal-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Deb32_menu_horizontal</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"
	title="La_tête_dans_les_étoiles" href="CSS/02_Deb32_menu_horizontal.css" />
</head>
<body>
<h1>Menu normal</h1>
<ul id="menu2">
	<li><a href="#">Page d'accueil</a></li>
	<li><a href="#">Services</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Partenaires</a></li>
	<li><a href="#">Liens</a></li>
	<li><a href="#">Contact</a></li>
</ul>	
</body>
</html>
/*02_Deb32_menu_horizontal*/
body {
	font-family:Verdena, Genova, sans-serif;
	font-size: 11px;
	}
		
ul#menu2 {  
	/* Dépersonnaliser la liste */
	margin: 0;
	padding: 0;
	list-style: none; 
	/* Personnaliser la liste */
	float: left;
	width: 600px;
	background-color: #000000;
	}
ul#menu2 li {
	/* Vertical ves horizontal */
	/* Personnalisation des liens */
	float: left;
	margin: 0;
	padding; 0;
	}
ul#menu2 li a {  
	
	float: left;
	padding: 0 15x 0 15x;  /* Le problème */
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	}
Comment résoudre ce problème ?
Avec mes remerciements
Cordialement
Papy