Bonjour !
Je n'arrive pas à centre le menu sur ma page http://ns32950.ovh.net/~immo/index.htm
Pourtant, je pense avoir mis les bon paramètres sur la feuille de style :
Merci
Vinix
Je n'arrive pas à centre le menu sur ma page http://ns32950.ovh.net/~immo/index.htm
Pourtant, je pense avoir mis les bon paramètres sur la feuille de style :
* {
margin:0;
padding:0;
}
#menu {
position: absolute;
background-color: #FFFFFF;
width: 940px;
height: 20px;
top: 200px;
left: 50%;
margin-left: -470px;
padding: 2px 0 2px 0;
Z-INDEX: 80;
}
/*#rubrique dl, dt,dd,ul,li { margin: 0; padding: 0; list-style-type: none }*/
#rubrique dl { margin: 0; padding: 0; list-style-type: none }
#rubrique dt { margin: 0; padding: 0; list-style-type: none }
#rubrique dd { margin: 0; padding: 0; list-style-type: none }
#rubrique ul { margin: 0; padding: 0; list-style-type: none }
#rubrique li { margin: 0; padding: 0; list-style-type: none }
#rubrique dd {Z-INDEX: 101; POSITION: absolute; width:100%;}
#rubrique {
Z-INDEX: 100;
WIDTH: 100%;
POSITION: absolute;
FONT: 80% Helvetica, Arial; FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
FONT-STYLE: normal }
#rubrique DL { FLOAT: left; MARGIN: 0 ;BACKGROUND-COLOR: #FFF}
#rubrique A { TEXT-DECORATION: none; text-transform: uppercase }
#rubrique DT A { PADDING-LEFT:5px; PADDING-RIGHT:21px }
#rubrique DT A:link { TEXT-DECORATION: none }
#rubrique DT A:visited { TEXT-DECORATION: none }
#rubrique DT A:hover { TEXT-DECORATION: underline overline }
#rubrique DT A:active { TEXT-DECORATION: underline overline }
#rubrique LI a {width:auto;white-space:nowrap}
#rubrique_rouge dt a { background: url("images/flecherouge.gif") repeat-y right }
#rubrique_rouge A:link { COLOR: #d40026 }
#rubrique_rouge A:visited { COLOR: #d40026 }
#rubrique_rouge A:hover { COLOR: #eb6e87 }
#rubrique_rouge A:active { COLOR: #eb6e87 }
#rubrique_rouge DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #eb6e87 }
#rubrique_rouge LI A:link { COLOR: #FFF }
#rubrique_rouge LI A:visited { COLOR: #FFF }
#rubrique_rouge LI A:hover { COLOR: #d40026 }
#rubrique_rouge LI A:active { COLOR: #d40026 }
#rubrique_bleu dt a { background: url("images/flechebleu.gif") repeat-y right }
#rubrique_bleu DT A:link { COLOR: #018ab7 }
#rubrique_bleu DT A:visited { COLOR: #018ab7 }
#rubrique_bleu DT A:hover { COLOR: #73cbe5 }
#rubrique_bleu DT A:active { COLOR: #73cbe5 }
#rubrique_bleu DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #7ecfe3 }
#rubrique_bleu LI A:link { COLOR: #FFF }
#rubrique_bleu LI A:visited { COLOR: #FFF }
#rubrique_bleu LI A:hover { COLOR: #018ab7 }
#rubrique_bleu LI A:active { COLOR: #018ab7 }
#rubrique_vert dt a { background: url("images/flechevert.gif") repeat-y right }
#rubrique_vert DT A:link { COLOR: #4d5309 }
#rubrique_vert DT A:visited { COLOR: #4d5309 }
#rubrique_vert DT A:hover { COLOR: #99a612 }
#rubrique_vert DT A:active { COLOR: #99a612 }
#rubrique_vert DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #99a612 }
#rubrique_vert LI A:link { COLOR: #FFF }
#rubrique_vert LI A:visited { COLOR: #FFF }
#rubrique_vert LI A:hover { COLOR: #4d5309 }
#rubrique_vert LI A:active { COLOR: #4d5309 }
#rubrique_bleu_1 dt a {background: url("images/flecheboutique.gif") repeat-y right }
#rubrique_bleu_1 DT A:link { COLOR: #4868a1 }
#rubrique_bleu_1 DT A:visited { COLOR: #4868a1 }
#rubrique_bleu_1 DT A:hover { COLOR: #90a8d1 }
#rubrique_bleu_1 DT A:active { COLOR: #90a8d1 }
#rubrique_bleu_1 DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #90a8d1 }
#rubrique_bleu_1 LI A:link { COLOR: #FFF }
#rubrique_bleu_1 LI A:visited { COLOR: #FFF }
#rubrique_bleu_1 LI A:hover { COLOR: #4868a1 }
#rubrique_bleu_1 LI A:active { COLOR: #4868a1 }
#rubrique_parme DT A {background: url("images/flecheparme.gif") repeat-y right }
#rubrique_parme DT A:link { COLOR: #a24460 }
#rubrique_parme DT A:visited { COLOR: #a24460 }
#rubrique_parme DT A:hover { COLOR: #d1869c }
#rubrique_parme DT A:active { COLOR: #d1869c }
#rubrique_parme DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #d1869c }
#rubrique_parme LI A:link { COLOR: #FFF }
#rubrique_parme LI A:visited { COLOR: #FFF }
#rubrique_parme LI A:hover { COLOR: #a24460 }
#rubrique_parme LI A:active { COLOR: #a24460 }
#rubrique_orange DT A {background: url("images/flechehorizon.gif") repeat-y right }
#rubrique_orange DT A:link { COLOR: #ff990d }
#rubrique_orange DT A:visited { COLOR: #ff990d }
#rubrique_orange DT A:hover { COLOR: #f5c17d }
#rubrique_orange DT A:active { COLOR: #f5c17d }
#rubrique_orange DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #f5c17d }
#rubrique_orange LI A:link { COLOR: #FFF }
#rubrique_orange LI A:visited { COLOR: #FFF }
#rubrique_orange LI A:hover { COLOR: #ff990d }
#rubrique_orange LI A:active { COLOR: #ff990d }
#rubrique_bleu_2 DT A { background: url("images/flechebleucorpo.gif") repeat-y right }
#rubrique_bleu_2 DT A:link { COLOR: #0d317d }
#rubrique_bleu_2 DT A:visited { COLOR: #0d317d }
#rubrique_bleu_2 DT A:hover { COLOR: #6787c2 }
#rubrique_bleu_2 DT A:active { COLOR: #6787c2 }
#rubrique_bleu_2 DD {display:none; padding:0 4px 0 4px; width:auto; BACKGROUND-COLOR: #6787c2 }
#rubrique_bleu_2 LI A:link { COLOR: #FFF }
#rubrique_bleu_2 LI A:visited { COLOR: #FFF }
#rubrique_bleu_2 LI A:hover { COLOR: #0d317d }
#rubrique_bleu_2 LI A:active { COLOR: #0d317d }
Merci
Vinix