html - how to center horizontally the li elements -
i using domtab on site, reasons can't center li elements (the ones ver1, ver2, tous les films, affichage horaire, ... written in them) or ul block.
here code relative domtab:
#domtab_main{ width:600px; margin:20px auto; position:relative; /*height: 100px;*/ } ul.domtabs{ position: relative; /*float:left;*/ /*width:100%;*/ width: 600px; /*margin : 0 auto;*/ /*padding-left: 110px;*/ font-family: ms courier new; font-size: 17px; /*padding:0;*/ /*text-align:center;*/ padding: 0px; /*list-style: none;*/ margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; left: auto; } ul.domtabs li{ list-style:none; float:left; padding:0 .5em 0 0; } ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover{ /*width: 170px;*/ padding:10px; display:block; /*background:#666; color:#ccc;*/ height:3em; /*font-weight:bold;*/ text-decoration:none; color:#f0f0f0; background: -moz-linear-gradient(top, #117586 0%, #158ca1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#117586), color-stop(100%,#158ca1)); background: -webkit-linear-gradient(top, #117586 0%,#158ca1 100%); background: -o-linear-gradient(top, #117586 0%,#158ca1 100%); background: -ms-linear-gradient(top, #117586 0%,#158ca1 100%); background: linear-gradient(top, #117586 0%,#158ca1 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#117586', endcolorstr='#158ca1',gradienttype=0 ); } div.domtab div{ clear:both; width:auto; /*background:#696;*/ color:#000; padding:1em 3em; padding-bottom: 0; } what put in comment tried. there solution please ?
it exact same problem this: how center list items inside ul element?
i've tested soultion page.
Comments
Post a Comment