[Résolu] Mettre un separateur

[Glaber]

Salut

je vient vers vous parce que je n arrive pas a mettre en place un séparateur en couleur entre mon menu et le bloc du centre j ai tester en modifiant la balise "margin-bottom" du #header qui se trouve dans le global css mais sa me l affiche en blanc

j ai modifier mon header.tpl en rajoutant

<!-- Header -->

{$HOOK_TOP}


<!-- Menu -->

• 
  
  
• {l s='Accueil'}
  
• {l s='Nouveautés'}
  
• {l s='Meilleures ventes'}
  
• {l s='C.G.V'}
  
• {l s='Contact'}
  

<!-- Left -->

{$HOOK_LEFT_COLUMN}

<!-- Center -->

{/if}

et dans mon css j ai rajouter juste apres #menu

}
#separtion {
background:transparent url(../img/separation.gif) repeat-x scroll 0 0;
height:10px;
width:980px;

et la ma page se déforme je ne sais pas comment le faire

merci

cdt

[Peha]

Bonjour,

ce n'est pas la bonne approche,
normalement il ne faut pas rajouter des div vides pour faire des effets visuels. Un séparateur est un élément purement visuel qui n'apporte rien au contenu, il n'a donc pas sa place dans le html et devrait être géré uniquement par le css.

je pense que c'est l'attribut border que tu cherches.

ex :

border-bottom : couleur épaisseur type ;

border-bottom : black 1px solid;

sinon, si tu veux que ça soit une image, tu peux l'ajouter en fond de ton block #menu en le plaçant entre l'intérieur du block et un padding.

#menu{
background : transparent url(../img/separation.gif) repeat-x scroll bottom left;
padding-bottom : 20px;
}

[Glaber]

merci de m avoir rependu je vais esseye c est vrai que c est pas evident de trouver

[Glaber]

J ai trouve en rajoutant au bloc #header

"border-bottom:1px solid #F4B7D6;


merci de m avoir aider


cdt