Jump to content

[Résolu] Mettre un separateur


Recommended Posts

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




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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More