Comunidad de diseño web y desarrollo en internet online

menu sin "espacios" con css

Citar            
MensajeEscrito el 25 Oct 2008 08:11 pm
Amigos, tengo un menu en CSS....pero que al verlo en el explorer, me deja un espacio entre cada boton, y quiero arreglarlo, dejarlo sin espacios, pero no se donde meter mano.....no se mucho de CSS, por eso les pido ayuda.
Gracias.

Código :

body {
   background-color: #ffffe0;
}
#menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   width: 200px;
   font-family: Arial, sans-serif;
   font-size: 11pt;
}
#menu ul li {
    background-color: #666;
}
#menu ul li a {
   color: #ccc;
   text-decoration: none;
   text-transform: uppercase;
   display: block;
   padding: 10px 10px 10px 10px;
}
#menu ul li a:hover {
    background: #000;
    border-left: 10px solid #333;
    color: #fff;
}
-->
</style></head>

<body>
<div id="menu">
 <ul>
  <li><a href="..." title="...">Home</a></li>
  <li><a href="..." title="...">Empresa</a></li>
  <li><a href="..." title="...">Trabajos</a></li>
  <li><a href="..." title="...">Contacto</a></li>
 </ul>
</div>
</body>


Ayuda plis...

Por Pablosky

24 de clabLevel



 

Santiago, Chile

msie
Citar            
MensajeEscrito el 25 Oct 2008 10:15 pm

Código :

#menu ul li a {
   color: #ccc;
   text-decoration: none;
   text-transform: uppercase;
   display: block;
   padding: 10px 10px 10px 10px;
}


Aqui usa:

Código :

display:inline-block;
y ajusta.

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 27 Oct 2008 04:42 pm
muchas gracias, me resulto

Por Pablosky

24 de clabLevel



 

Santiago, Chile

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.