[REGLE] MENU EN CSS - pb alignement - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [REGLE] MENU EN CSS - pb alignement

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: [REGLE] MENU EN CSS - pb alignement (Lu 975 fois)

[REGLE] MENU EN CSS - pb alignement
« sur: le 25-08-2004 a 09:29:58 »

AZAGHTOT
Membre récent

Hors-Ligne

Messages: 20

Webmaster en devenir !

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;}

« Dernière Édition: le 26-08-2004 a 09:13:32 par AZAGHTOT »

Rapporter au modérateur

Re:MENU EN CSS - pb alignement
« Répondre #1 sur: le 25-08-2004 a 17:07:15 »

willy
Habitué

Hors-Ligne

Sexe: Male

Messages: 278

paix

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 !!

Rapporter au modérateur

Mer et littoral
Plongée enfants

Re:MENU EN CSS - pb alignement
« Répondre #2 sur: le 26-08-2004 a 09:12:59 »

AZAGHTOT
Membre récent

Hors-Ligne

Messages: 20

Webmaster en devenir !

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

Rapporter au modérateur