Centrage menu dans div avec animation jquery
Bonjour,
Je n'arrive pas à centrer mon menu dans la div ("#principal").
Voici le lien avec le menu que je voudrais réaliser:
http://www.aaronbirchphotography.com/
Voici la partie php (page dynamique):
Voici la partie css:
En fait mes li ne sont pas centrés dans l'ul??? Je ne sais pas quoi faire
Merci pour votre aide
Je n'arrive pas à centrer mon menu dans la div ("#principal").
Voici le lien avec le menu que je voudrais réaliser:
http://www.aaronbirchphotography.com/
Voici la partie php (page dynamique):
$contenu .= '<div id="principal">'; $contenu .= '<div id="kwick">'; $contenu .= '<ul class="kwicks">'; $contenu .= '<li class="kwick opt1"><span>Bague</span></li>';; $contenu .= '<li class="kwick opt2"><span>Bracelet</span></li>'; $contenu .= '<li class="kwick opt3"><span>Chapelet</span></li>'; $contenu .= '<li class="kwick opt4"><span>Collier</span></li>'; $contenu .= '<li class="kwick opt5"><span>Manchette</span></li>'; $contenu .= '<li class="kwick opt6"><span>Pendentif</span></li>'; $contenu .= '</ul>'; $contenu .= '</div>'; $contenu .= '</div>';
Voici la partie css:
#principal{
position: relative;
width:1024px;
height:469px;
margin-top: 80px;
border: 1px solid green;
}
#kwick {
position: relative;
margin-top: 84px;
margin-bottom: 84px;
/*border: 1px solid red;*/
}
#kwick .kwicks {
/*display: block;*/
height: 301px;
margin: 0;
padding: 0 0 0 0;
border: 1px solid gold;
text-align: center;
}
#kwick li {
float: left;
}
#kwick .kwick {
display: block;
height: 300px;
width: 75px;
cursor: pointer;
overflow: hidden;
background: #fff;
border-right: 2px solid #fff;
border: 1px solid red;
}
#kwick .kwick span {
display: none;
}
#kwick .opt1 {
/*background: #ccc;*/
background: url(../images/type_bijoux/bague.png) no-repeat;
}
#kwick .opt2 {
/*background: #ccc;*/
background: url(../images/type_bijoux/bracelet.png)no-repeat;
}
#kwick .opt3 {
/*background: #ccc;*/
background: url(../images/type_bijoux/chapelet.png)no-repeat;
}
#kwick .opt4 {
/*background: #ccc;*/
background: url(../images/type_bijoux/collier.png)no-repeat;
}
#kwick .opt5 {
/*background: #ccc;*/
background: url(../images/type_bijoux/manchette.png)no-repeat;
}
En fait mes li ne sont pas centrés dans l'ul??? Je ne sais pas quoi faire
Merci pour votre aide
Configuration: Windows XP Firefox 3.5.7
3 réponses
-
quelqu'un peut venir à mon secours?
Merci d'avance-
-
Si cette méthode ne marche pas, tu peut essayé un padding left ou right selon si ton menu et a droite ou a gauche, enfaite le but c'est de décalé tes li jusqu'à qu'ils soivent centré dans ton ul, j'ai pas testé mais tu peut essayé, même si cette méthode n'est pas très conseillé^^ exemple:
li {
padding-left: 5px;
}
-
-
Help!!!!!personne ne peut m'aider????
Je n'arrive pas à centrer mon menu, depuis le début de l'après midi je suis en train de chercher.
Merci pour votre aide -
Bonsoir,
Est ce que quelqu'un aurait la gentillesse de m'aider???
Je galère terriblement.
Merci d'avance!!!!
