28173 sujets

CSS et mise en forme, CSS3

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 :


* {
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 Smiley decu Smiley decu