Centralizar menu css com ul li

[matheusmarson 0]

Galera

 

Não estou conseguindo centralizar dentro de uma div pai um meu feito com <ul> <li>

Necessito que no css do li esteja coloca o display: block pois deverá conter altura e largura

Se eu coloco com display inline ele centraliza numa boa se passo para o display block ele volta a esquerda

Alguem poderia ajudar?

[Web_avallon 5]

Você quer deixar os elementos li um ao lado do outro? Tente trabalhar com o float left; defina uma largura e dê um margin: 0 auto;

Se não quiser os elementos alinhados, tente definir a largura e dar o margin: auto.

[matheusmarson 0]

Sim, eu quero deixar um ao lado do outro

Se dou o float:left ele monta a paginação na parte esquerda da página

Não quero isso quero que fiquem um ao lado do outro mais centralizado no meio da página

[Web_avallon 5]

Defina width e height e dê o margin: 0 auto.

[andersonseifert 10]

Bom dia,Use esse exemplo Simples :

voce pode modificar como quiser :

 

 <div id="menu1"> <!-- MENU  -->
            <div id="menu">
                <ul id="menuver">
                    <li><a href="index.php"    title="Pagina Inicial">Inicio</a> </li>
                    <li><a href="home.php?p=1" title="Confira nossa Programacao">Programacao</a></li>
                    <li><a href="home.php?p=2" title="Locutores">Equipe</a></li>
                    <li><a href="home.php?p=3" title="Sala de Bate Papo">Chat</a></li>
                    <li><a href="home.php?p=4" title="Fotos">Galerias</a></li>                  
                </ul>
            </div>
        </div>

 

#menu {
    margin-left:0px;
    width:99%;
    height:30px;
    margin-top:7px;
    position:absolute;


}
#menu1 {

    width:1006px;
    height:48px;
    margin-top:-6px;
    position:relative;
    background-color: rgb(51, 51, 51);
    border-radius: 0px 0px 15px 15px;
}
#menuver {
    border: none;
    margin: 0px;
    font: 14px Calibri;
    font-weight: bold;
    padding-left: inherit;	
	background:#FFB90F;
}
#menuver li {
    list-style: none;
    margin: 0;
    display: inline;
    border: none;
    margin: 0px;
    font: 16px Calibri;
	
      
}
#menuver li a {
    -moz-border-radius: 5px;   /*Firefox*/
    -webkit-border-radius: 5px;   /* Chrome e Safari */
    border-radius:0px;
    padding: 10px 37.2px;/*LARGURA E TAMANHANO MENU*/
    float:left;
    margin: 0;
    border: 0px;
    
    text-decoration: none;
    color:#FFB90F;
	
}/*COR LETRA MENU PRINCIPAL*/
#menuver li a:link {
    color:#8B0000;
}
#menuhor li a:visited {
    color:#8B0000;
}
#menuver li a:hover {
    background:#FFB90F;    
	height:27px;
	 border-radius: 0px 0px 15px 15px;
    color:#8B0000;/*COR LETRA FUNDO*/
}