07/03/2011, 11:26
|
| | Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 13 años, 8 meses Puntos: 0 | |
Necesito ayuda la etiqueta span wenas !!
estoy empezando con un curso de diseño web y me he quedado un poco parada con la creacción de un menú con listas y css:
este seria el codigo de la pagina html:
<div id="menuverticalum">
<h1>Información</h1>
<ul>
<li><a href="http://www.google.es/"> Murcia</a></li>
<li><a href="http://www.gogle.es/">Estructura Organizativa</a></li>
<li><a href="http://www.google.es/">Estudios y Formación</a></li>
<li><a href="http://www.google.es/">Investigación</a></li>
</ul>
</div>
y quiero convertirlo en un menu de bloque:
#menuverticalum {
font:bold 0.7em Arial, Helvetica, sans-serif;
width:140px;
background-color:#990000;
border:1px solid #000;
}
#menuverticalum h1 {
font:bold 1.0em Arial, Helvetica, sans-serif;
background-color:#000;
color:#FF3333;
padding:1px;
}
#menuverticalum li {
list-style-type:none;
}
#menuverticalum a {
color:#fff;
text-decoration:none;
display:block;
width:140px;
}
#menuverticalum a:hover {
background-color:#fff;
color:#c00;
}
#menuverticalum span {
display:block;
padding:5px 10px;
border-left:10px solid #600;
}
pero los item de la lista no se encuendran en el bloque ,es decir, el item de la lista estudios y formacion ,solo sale estudios y form,porque se sale del cuadro y entones no se ve.
jaja bueno muchas gracias a quien me pueda ayudar...!!!!! |