Comunidad de diseño web y desarrollo en internet online

Sobre <ul>'s y CSS ....

Citar            
MensajeEscrito el 07 Abr 2006 10:26 pm
Saludos,

he estado tratanto de hacer un menu con <ul> y CSS, pero ya trate bastantes veces y no consigo lograr el objetivo. Este es el ejemploq que estoy usando:

http://www.cristalab.com/tutoriales/130/crear-menus-de-navegacion-en-css-usando-listas

y ahi funciona todo bien, pero al querer implementarlo en el sitio en que estoy trabajando, no puedo asignar el tamaño en pixeles del <li>, aqui mi codigo:

el CSS:

Código :

#navegacion {
   list-style:none;
}

#navegacion li {
   display:inline;
}

#navegacion li a {
   width: 200px;
   width:100px;
   border: 1px solid #000000;
   background-color: #0099FF;
}


el XHTML:

Código :

   <div id="contenedor_navegacion">
      <ul id="navegacion">
         <li><a href="">Portafolio</a></li>
         <li><a href="">Servicios</a></li>
         <li><a href="">Blog</a></li>
         <li><a href="">Contacto</a></li>
      </ul>
   </div>


pero resulta en esto:

http://www.kamikaze.com.mx/menu_css.jpg

lo que quiero es que los links sean del mismo tamaño, ya despues me preocupo por lo demas.. 8)

Por ardillaroja

7 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Abr 2006 12:12 am
la imagen que estás vinculando no se ve...

a primera vista, puede ser que al elemento link no le estás asignando un display:block, intenta por ahí... y no entiendo porqué utilizas dos veces el width..

suerte

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 08 Abr 2006 02:05 am
Precisamente eso era.. :)

porque uso dos veces el width?... por descuidado.. 8)

Muchas Gracias por la ayuda..

Por ardillaroja

7 de clabLevel



 

firefox

 

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