Feuille de style CSS

[pascal1973]

Bonjour à tous


J'ai un petit souci avec mon CSS :

Je voudrais savoir ce qui faut ajouter et ou pour centrer ce menu :


<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 6--------------------------- */

#tabs6 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}

#tabs6 #current a {
background-position:0% -42px;
}
#tabs6 #current a span {
background-position:100% -42px;
}
-->
</style>

Cordialement .

 

[SuperCureuil]

Salut,

Il faut voir si tu veux centrer le conteneur menu ou la liste qui est dans ce conteneur. Tu peux essayer ceci sur #tabs6 ou #tabs6 ul :

#tabs6 {
...
margin-left:auto;
margin-right:auto;
...
}

 

[pascal1973]

Salut,

Il faut voir si tu veux centrer le conteneur menu ou la liste qui est dans ce conteneur. Tu peux essayer ceci sur #tabs6 ou #tabs6 ul :

#tabs6 {
...
margin-left:auto;
margin-right:auto;
...
}

Salut merci de ta réponse mais ou mettre précisément ce code ?

+++

 

[pascal1973]

Salut,

Il faut voir si tu veux centrer le conteneur menu ou la liste qui est dans ce conteneur. Tu peux essayer ceci sur #tabs6 ou #tabs6 ul :

#tabs6 {
...
margin-left:auto;
margin-right:auto;
...
}

Salut merci de ta réponse mais ou mettre précisément ce code ?

+++

Mince cela ne fonctionnes pas

 

[SuperCureuil]

Re-,

Huum ... je ne vois pas comme ça ...

Pourrais-tu donner l'url du site, ça serait plus simple. Sinon au moins le code html et/ou une capture d'écran :wink:

amicalement

 

[pascal1973]

Re-,

Huum ... je ne vois pas comme ça ...

Pourrais-tu donner l'url du site, ça serait plus simple. Sinon au moins le code html et/ou une capture d'écran :wink:

amicalement

Je voudrais centrer le menu du haut ( pour la source : clic droit et afficher )

Merçi .

 

[Monty973]

Ce n'est sans doute pas la solution la plus propre, mais dans ton code CSS pour tab6 :

/*- Menu Tabs 6--------------------------- */

#tabs6 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
margin-left:15%; 
margin-right:auto;
padding:10px 10px 0 50px;
list-style:none;
}

Tu dois pouvoir jouer avec la marge de gauche avec des valeurs relatives pour le centrer

 

[pascal1973]

Ce n'est sans doute pas la solution la plus propre, mais dans ton code CSS pour tab6 :

/*- Menu Tabs 6--------------------------- */

#tabs6 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
margin-left:15%; 
margin-right:auto;
padding:10px 10px 0 50px;
list-style:none;
}

Tu dois pouvoir jouer avec la marge de gauche avec des valeurs relatives pour le centrer

Ca fonctionnes merci Monty973
Par contre sais tu comment virer la ligne sous le menu ?


++++

 

[Monty973]

Tu vire cette ligne dans #tabs6 :

border-bottom:1px solid #666;

 

[pascal1973]

Tu vire cette ligne dans #tabs6 :

border-bottom:1px solid #666;

Cool merçi :idea:

Bonne fin d'aprés midi .

+++