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