Titre: [REGLE] MENU EN CSS - pb alignement
Posté par: AZAGHTOT le le 25-08-2004 a 09:29:58
Bonjour à tous,
j'ai un problème avec un menu en CSS.
Le menu fonctionne bien mais quoique je fasse, il est collé vers la cellule "haut" alors que je voudrais le coller contre la cellule "bas".
J'ai tout essayé (padding, margin, valign...) rien à faire.
Est-ce que les balises UL et LI ont une marge crée automatiquement et impossible à modifier ? ???
Merci par avance pour votre aide. ;)
Voici les lignes de code HTML puis la CSS (avec uniquement le menu !):
PAGE HTML :
<head>
<link rel="stylesheet" type="text/css" href="navigation.css">
</head>
<html>
<body>
<table width="750px" align="center" cellpadding="0" cellspacing="0" border="1">
<tr width="750px" height="61px">
<td>Haut ;-)</td>
</tr>
<tr width="750px" height="15px">
<td>
<div align="center">
<ul id="navlist">
<li id="active"><a href="#" id="current">Accueil</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Guide</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Réservation</a></li>
</ul>
</div>
</td>
</tr>
<tr width="750px" height="100px">
<td>Bas ;-)</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
FEUILLE DE STYLE :
#navlist {padding:5px; margin-left: 0; font: bold 12px arial;}
#navlist li {list-style: none; margin: 0; display: inline;}
#navlist li a{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #DDE;text-decoration: none;}
#navlist li a:link {color: #448;}
#navlist li a:visited {color: #667;}
#navlist li a:hover {color: #000; background: #E9E9E9; border-color: #227;}
#navlist li a#current{background: white; border-bottom: 1px solid white;} |
Titre: Re:MENU EN CSS - pb alignement
Posté par: willy le le 25-08-2004 a 17:07:15
Bonjour,
margin-bottom:0px; à placer au lieu du padding.
note: l'exemple de code que tu donnes possède des balises en trop et mal placées !!
|
Titre: Re:MENU EN CSS - pb alignement
Posté par: AZAGHTOT le le 26-08-2004 a 09:12:59
Merci Willy,
ça fonctionne sans problème !
Pour les lignes de code en trop, il me semblait pourtant avoir réduit au max.
Celle qui sont mal placée sont liées au copier/coller pas bien fait !
En tout cas merci ;) |
Titre: Re:[REGLE] MENU EN CSS - pb alignement
Posté par: willy le le 26-08-2004 a 09:45:48
Bonjour,
regarde ci dessus, tu ouvres une balise <table> et tu la referme 2 fois, idem avec </td> et </tr>
<html> en debut après ton doctype
;) |
Titre: Re:[REGLE] MENU EN CSS - pb alignement
Posté par: AZAGHTOT le le 27-08-2004 a 16:22:10
Exact mais c'est parcequ'en copiant le code j'ai viré une table avec des éléments inutiles ;D
Désolé !!!
:-[ |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|