Problemas con el menu

[kfh1992]

Hola tengo un problema con el menu CSS y recae en que cuando quiero tener un width:100% no me hace efecto el float.

<div id="menu1">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="contacto.php">Contacto</a></li>
<li><a href="crear.php">Crear cuenta</a></li>
<li><a href="lista.php">Ver lista productos</a></li>
</ul>
</div>

html,body{
margin:0;
padding:0;
font-size:12px;
font-family:verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#29313C;
list-style:none;
}
a{
text-decoration:none;
}
#menu {
list-style:none;
padding:0px
}
#menu li a{
display:block;
padding:10px;
color:white;
background-color:black;
}
#menu li a:hover{
color:white;
background-color:#059BD8;
}

O sea que no se pone de manera hozitonal , alguna idea?

[pzin]

¿Qué es lo que quieres poner al 100%? ¿Y qué es lo que estás flotando? Sabes que cuando flotas un elemento al 100% es absurdo en primera instancia ya que el elemento que viene pasará a ocupar una posición inferior, ¿no?

[PhilComfortHost]

...y el html tiene <div id="menu1"> pero no hay #menu1 en el CSS, solo #menu

osea que <div id="menu1"> debería ser <div id="menu">?

[kfh1992]

Bonez

Hola, primero perdon por tardar al responder, segundo , lo hago con float porque he ido siguiendo muchos videos, el float s elo hago al menu para que se situe horizontalmente , pero luego el width:100% no me funciona.

PhilComfortHost

Por supuesto fallo mio.

[pzin]

No te digo que esté mal usar float, sino que no veo ningún float ni ningún ancho al 100% en el código que has puesto.

[Bandit]

Hola kfh1992:
Si tú tienes el html así:

Código HTML:

<div id="menu1">
<ul>
   <li><a href="index.html">Inicio</a></li>
   <li><a href="contacto.php">Contacto</a></li>
   <li><a href="crear.php">Crear cuenta</a></li>
   <li><a href="lista.php">Ver lista productos</a></li>
</ul>
</div>
 

En el CSS debes de escribirlo así para que se muestre en form horizontal:

Código CSS:

#menu1 ul li{
    display: inline-block;
    list-style-type: none;
    padding-left: 13px;// éste valor es referencial 
}
 

Espero haberte sido de ayuda.

[kfh1992]

Y tanto que ha sido de ayuda, ahora lo que quiero centrar es el contenido del menu,como podría hacer eso?

[Bandit]

Escribe así el CSS:

Código CSS:

#menu1{
    text-align: center;
}
 

Espero haberte sido de ayuda.