Menu

[Natanael1697 0]

Alguem me ajuda com esse espaço no menu?? codigo abaixo !

/* conf menu */
 
nav{
width: 100%;
height: 50px;
margin : 0 auto;
overflow: hidden;
position: relative;
top: 0;
left: 0;
background-color: #353535;
}
/*conf box nav*/
.box-nav{
width: 1000px;
height: 50px;
overflow: hidden;
margin: 0 auto;
background: #eee;
}
/*confi ul*/
nav ul{
display: block;
}
/*conf li*/
nav li{
list-style: none;
}
/*conf geral ul li a*/
nav ul li a{
float: left;
font-size: 16px;
font-family: Arial;
color: #999;
padding: 16px 53px;
}
/*conf hover*/
nav ul li a:hover{
background-color: #16a085;
color: #fff;
}

[Vamberto 0]

Falae, Natanael beleza ? bom se você quer diminuir o espaçamento das <li> segue a baixo:

Modificar o padding, o valor que está em vermelho é o espaçamento das laterais.

 

 

 

/*conf geral ul li a*/

nav ul li a{

float: left;

font-size: 16px;

font-family: Arial;

color: #999;

padding: 16px 25px;

text-decoration:none;

 

Ficando assim:

 

[xanburzum 169]

O padding tem um funcionamento muito similar ao do margin, porém ao invés de dar uma espaçamento externo, ele da uma interno.

[Vamberto 0]

Segue uma imagem para você ver como funciona.