Jump to content
Sign in to follow this  
ecat

comment centrer les "header links"

Recommended Posts

bonjour à tous,

voila je cherche a centrer le div#header qui contient les devises, les langues,etc car lors de la création de mon template, je n'arrive pas à le centrer comme je voudrais

je vous joins une photo pour mieux comprendre mon problème

voici le css que je trouve avec firebug mais rien n'y fait pas moyen de centrer les informations au centre du block

#header {global.css (ligne 236)
background-image:url(../img/back_top.jpg);
background-repeat:repeat-x;
float:left;
height:100px;
text-align:right;
width:100%;
}
* {global.css (ligne 11)
margin:0;
padding:0;
}
* {thickbox.css (ligne 4)
margin:0;
padding:0;
}
Hérité dediv#page
#page {global.css (ligne 221)
text-align:left;
}
Hérité debody#product
body {global.css (ligne 16)
color:#C66210;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

5484_YrWZ7t9Evvu2vblQiETa_t

Share this post


Link to post
Share on other sites

Bonjour,

_pour centrer des éléments blocs en css, il faut mettre les marges droites et gauches sur "auto"
_de plus, l'attribut float:left pousse ton bloc à gauche, il serait bon de le supprimer
_enfin l'attribut width:100% peut gêner, essaye de le supprimer.

pa.

Share this post


Link to post
Share on other sites

merci bcp pour ta réponse peha et si je desire deplace les liens permanents sur mon footer comment faut-il procèder j'ai essayé de greffé le module lien permanent sur le footer via les positions de modules mais rien n'apparait

merci pour ton aide

Share this post


Link to post
Share on other sites

bon j'ai essayé de modifier le code comme suit mais aucun changement ai-je bien modifier le code?

#left_column {
   clear:left;
   width:190px;
   padding-right: 0px auto;
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
}
#right_column {
   width: 190px;
   padding-left: 0px auto;
}



merci encore pour ton aide pa

Share this post


Link to post
Share on other sites

essaie ça

#header {
   float: center;
   height:100px;
   width: 71%;
   text-align: right;
}



float: right;
change
float: center;
Cordialement
C2LABOMB

Share this post


Link to post
Share on other sites
ai-je bien modifier le code?

non, tu dois agir logiquement sur #header pour centrer le bloc


de plus, il est incorrect d'écrire

padding-left : 0 auto;

car padding-left ne peut avoir qu'un seul paramètre ( zéro ou auto ? )
padding-left correspond à la marge intérieure gauche,
or ce sont les attributs margin-left et margin-right qui doivent être mis à auto pour centrer un bloc.

on peut mettre plusieurs attributs à la suite dans le cas d'attributs 'génériques' par exemple :
padding : 0 1px 2px 3px;
où 0 correspond à la marge-intérieure-haute
1px correspond à la marge-intérieure-droite
2px correspond à la marge-intérieure-basse
3px correspond à la marge-intérieure-gauche

...

float:center; serait génial mais ne fonctionne pas.
:down:

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
Sign in to follow this  

×
×
  • Create New...

Important Information

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