Hola a todos,
Alguno me podría decir qué tengo en el código para que la segunda lista no
ocupe todo el tamaño de la capa (12em). lo he conseguido con la primera
list, pero la azúl es más pequeña. Quiero respetar el tamño de letra y de
capa (si la línea la sobrepasa que escriba dos líneas).
<div id="listMenu">
<ul id = "mainnav">
<li><a tabindex="100" href="#"><span>Oooooo oo oooooooo dddfffg ffg
fdfdf</span></a></li>
<li><a tabindex="101" href="#"><span>pppppp ppppppn ppppppp </span></a></li>
<li><a tabindex="102" href="#"><span>ppppppp</span></a></li>
<li><a tabindex="103" href="#"><span>ppppppppp ppp ppppppp</span></a></li>
<li><a tabindex="104" href="#"><span>pppppppppp</span></a></li>
<li><a tabindex="105" href="#"><span>pppppppp pppppppp</span></a></li>
<li><a tabindex="106" href="#"><span>ppppppppp</span></a>
<ul>
<li><a tabindex="120" href="#">ttttt tttttttt rr ee wwwwwwwww</a></li>
<li><a tabindex="121" href="#">wwwwww w wwww wwww</a></li>
<li><a tabindex="122" href="#">eee e ggggg</a></li>
<li><a tabindex="123" href="#">dd dddddd</a></li>
<li><a tabindex="124" href="#">dd gggggggg hhhhhh</a></li>
<li><a tabindex="125" href="#">nn nnnnnn, nn yyyyyy y eh gfgffggf</a></li>
<li><a tabindex="126" href="#">rt fhgfhfh fghfghfh</a></li>
<li><a tabindex="127" href="#">fghfghfhfh</a></li>
</ul>
</li>
<li><a tabindex="150" href="#"><span>fghfghfgh</span></a></li>
<li><a tabindex="151" href="#"><span>fhfgh fghfh</span></a></li>
<li><a tabindex="152" href="#"><span>fhfhfh fghfghfgh</span></a></li>
</ul>
</div>
#menus {
margin: 0.5em 0em 0em 0em;
float: left;
width: 12em;
height: auto;
background-repeat: no-repeat;
}
#mPrincipal {
float: left;
width: 12em;
height: auto;
background-repeat: no-repeat;
border-style: dotted;
border-width: 0.05em;
border-color: #999999;
}
.invisible {display: none;}
#listMenu{
float: left;
width: 12em;
height: auto;
background-repeat: no-repeat;
}
ul#mainnav {
margin: 0;
padding: 0;
list-style: none;
}
ul#mainnav li ul {
padding: 0;
margin: 0;
list-style: none;
}
ul#mainnav a {
text-decoration: none;
}
ul#mainnav li a {
display: block;
width: 12em;
margin: 0;
padding: 0.1em 0em 0.1em 0em;
background-image: url("pruebas/fotos/flechasMenu.jpg");
background-repeat: no-repeat;
background-position: 1% 20%;
text-decoration: none;
color: #444444;
background-color: #EAEAEA;
}
ul#mainnav li a:hover {
display: block;
width: 12em;
margin: 0;
padding: 0.1em 0em 0.1em 0em;
background-image: url("pruebas/fotos/flechasMSecundario.jpg");
background-repeat: no-repeat;
background-position: 1% 20%;
text-decoration: none;
color: #FFFFFF;
background-color: #E00404;
}
ul#mainnav li a span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display: block;
/*width: 12em;*/
margin: 0;
padding: 0 0 0 1.5em;
}
ul#mainnav li li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-image: none;
padding: 0.1em 0em 0.1em 1.5em;
margin: 0;
border-bottom-style: dotted;
border-bottom-width: 0.05em;
border-bottom-color: #999999;
}
ul#mainnav li li a {
background-image: none;
color: #3F3F3F;
background-color: blue;
margin: 0;
padding: 0.2em 0em 0.2em 0em;
}
ul#mainnav li li a:hover {
background-image: none;
color: #E00404;
background-color: #FFFFFF;
margin: 0;
padding: 0.2em 0em 0.2em 0em;
}
ul#mainnav li {
margin-top: 1px;
}
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
