Gracias, parece que funciona pero... poniendo el porcentaje NO es un css
válido porque se supone que la medida tiene que ser en EM? ¿Qué sabes de
accesibilidad en este caso?
From: Fernando Gutierrez [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] dimensiones de listas ul li ul
Date: Sat, 26 Nov 2005 22:49:09 +0100
Usa width: 100%; en lugar de width: 12em; en ul#mainnav li a. Como has
reducido la fuente a 9px, los 12em de la lista azul no son igual a los 12em
de la lista principal.
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
2005/11/26, Alec R [EMAIL PROTECTED]:
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
lia tabindex=100 href=#spanOo oo dddfffg ffg
fdfdf/span/a/li
lia tabindex=101 href=#spanpp ppn ppp
/span/a/li
lia tabindex=102 href=#spanppp/span/a/li
lia tabindex=103 href=#spanp ppp
ppp/span/a/li
lia tabindex=104 href=#spanpp/span/a/li
lia tabindex=105 href=#span /span/a/li
lia tabindex=106 href=#spanp/span/a
ul
lia tabindex=120 href=#t rr ee w/a/li
lia tabindex=121 href=#ww w /a/li
lia tabindex=122 href=#eee e g/a/li
lia tabindex=123 href=#dd dd/a/li
lia tabindex=124 href=#dd hh/a/li
lia tabindex=125 href=#nn nn, nn yy y eh
gfgffggf/a/li
lia tabindex=126 href=#rt fhgfhfh fghfghfh/a/li
lia tabindex=127 href=#fghfghfhfh/a/li
/ul
/li
lia tabindex=150 href=#spanfghfghfgh/span/a/li
lia tabindex=151 href=#spanfhfgh fghfh/span/a/li
lia tabindex=152 href=#spanfhfhfh 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: #99;
}
.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: #44;
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: #FF;
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: #99;
}
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: #FF;
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
___
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
