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

guilledocke · #1 (**permalink**) 15/11/2006, 12:41

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

fearlex · #2 (**permalink**) 15/11/2006, 14:48

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

guilledocke · #3 (**permalink**) 15/11/2006, 18:54

Sabes que si, funcionó!!!!!!!!

muchas gracias por tu aporte

Guille

fearlex · #4 (**permalink**) 15/11/2006, 20:16

Cita:

Iniciado por guilledocke

Sabes que si, funcionó!!!!!!!!

muchas gracias por tu aporte

Guille

Por nada