Foros del Web » Creando para Internet » CSS »

pro blemas con estilo de <li> en un <ul>

Estas en el tema de pro blemas con estilo de <li> en un <ul> en el foro de CSS en Foros del Web. Hola, quiero crear un listado vertical con una linea punteada que las separe y que el texto entre estas lineas quede en el medio, no ...
  #1 (permalink)  
Antiguo 15/11/2006, 12:41
 
Fecha de Ingreso: noviembre-2002
Ubicación: Avellaneda
Mensajes: 247
Antigüedad: 15 años
Puntos: 0
Pregunta pro blemas con estilo de <li> en un <ul>

Hola, quiero crear un listado vertical con una linea punteada que las separe y que el texto entre estas lineas quede en el medio,

no puedo lograrlo, el texto me queda siempre "top" y no en "middle" (siempre pegado a la linea de arriba)

les paso el codigo:


<div id="prueba">
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
</ul>


#prueba ul{
width:170px;
height:180px;
text-align:center;
}
#prueba li{
text-decoration:none;
font-family:verdana;
font-size:11px;
height:45px;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
border-bottom-width:1px;
vertical-align:middle;
}


Cualquier ayuda será bienvenida

gracias
__________________
www.elumina.com.ar
  #2 (permalink)  
Antiguo 15/11/2006, 14:48
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
#prueba ul{
width:170px;
height:180px;
text-align:center;
}
#prueba li{
font-family:Verdana;
font-size:11px;
height:45px;
border-bottom:dotted 1px #CCC;
}
#prueba a{
text-decoration:none;
position: relative;
top:15px;
}
</style>
</HEAD>
<BODY>
<div id="prueba">
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>

</BODY>
</HTML>
Espero te sirva
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com

Última edición por fearlex; 15/11/2006 a las 14:52 Razón: Negritas para que entienda
  #3 (permalink)  
Antiguo 15/11/2006, 18:54
 
Fecha de Ingreso: noviembre-2002
Ubicación: Avellaneda
Mensajes: 247
Antigüedad: 15 años
Puntos: 0
Sabes que si, funcionó!!!!!!!!

muchas gracias por tu aporte

Guille
__________________
www.elumina.com.ar
  #4 (permalink)  
Antiguo 15/11/2006, 20:16
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Cita:
Iniciado por guilledocke Ver Mensaje
Sabes que si, funcionó!!!!!!!!

muchas gracias por tu aporte

Guille

Por nada
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:18.