Salut à tous!
Alors voila mon probléme: je fait un site pour ma copine mais j'ai quelque problémes avec mon css, j'ai pris un menu en css sur alsacreations et je l'ai transformer a ma sauce mais pas trés bien semble t-il
je l'ai pris sur cette page : http://css.alsacreations.com/Galeries-de-menus-en-CSS
le "menu graphique 2 experimental"
le site c'est www.lesrobesdekaren.com
alors voila mon css :
je n'arrivait pas à centrer mon menu correctement alors j'ai mis des margin left et right à mon #menu, approprié a chaque (ou presque) navigateurs grâce à des hacksseulement jai vu que sur opéra ca marchait aps et j'ai vite compris que ce n'est surement pas la bonne méthode, et qu'en plus ca ne marchait pas sur opéra (certainement entre autre je n'ai pas pu verifier sur tous les navigateurs) dans le soucis de faire du code propre est ce que quelq'un pourrait m'aider à y voir plus clair?
Merci!
Nico
Modifié par nicoparadise (08 Aug 2008 - 14:59)
Alors voila mon probléme: je fait un site pour ma copine mais j'ai quelque problémes avec mon css, j'ai pris un menu en css sur alsacreations et je l'ai transformer a ma sauce mais pas trés bien semble t-il
je l'ai pris sur cette page : http://css.alsacreations.com/Galeries-de-menus-en-CSS
le "menu graphique 2 experimental"
le site c'est www.lesrobesdekaren.com
alors voila mon css :
body
{
margin-top: 3px;
background-color:#000000;
background-image:url('images/fond14.jpg');margin-left:150px; margin-right:150px; margin-bottom:150px
}
#conteneur {
width: 750px;
margin-left:auto;
margin-right:auto;
}
#header
{
width: auto;
height:auto;
text-align: center;
color:#FFFFFF;
}
#corps{
width :750px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
text-align:justify;
background-image:url('images/flowerpower.jpg');
}
#footer{
width:auto;
height:auto;
text-align: center;
margin-top: 5px;
clear:both;
color:#FFFFFF
}
.ContactIntitule {
float:none;
width: 150px;
}
.ContactChamp {
float:none;
}
.participerChamp {
float:none;
}
#menu{
height: 300px;
width: 200px;
margin-left:275px !important ;
margin-left:180px!important!;
margin-left:180px;
margin-right:250px;
margin-top:10px;
text-align:center;
}
ul, li { /* utilisation de liste pour le menu */
list-style-type: none; /* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: absolute; /* positionnement pour IE5 et IE5.5 */
top: auto;
left: auto;
background: url('images/fondmenu7.jpg') no-repeat top left; /* arrière-plan général du menu */
width: 200px;
text-align: center
}
li {float: left;}
li a { /* dimensions et définitions des boutons */
display: block; /* mise en block de <a> pour lui donner des dimensions */
height: 277px;
width: 66px;
color: white;
font-size: 14px;
line-height: 50px; /* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
li a:hover {
background: url('images/fondmenu7.jpg') no-repeat top left;
}
a#lien1:hover {
background-position: -202px 0%; /* décalage de l'arrière-plan pour chaque bouton */
}
a#lien2:hover {
background-position: -268px 0%;
}
a#lien3:hover {
background-position: -334px 0%;
}
je n'arrivait pas à centrer mon menu correctement alors j'ai mis des margin left et right à mon #menu, approprié a chaque (ou presque) navigateurs grâce à des hacksseulement jai vu que sur opéra ca marchait aps et j'ai vite compris que ce n'est surement pas la bonne méthode, et qu'en plus ca ne marchait pas sur opéra (certainement entre autre je n'ai pas pu verifier sur tous les navigateurs) dans le soucis de faire du code propre est ce que quelq'un pourrait m'aider à y voir plus clair?
Merci!
Nico
Modifié par nicoparadise (08 Aug 2008 - 14:59)
