Hola Jaime,
Pues dos cosas
1º me parece una lista de opciones, un menú:
que tal
<ul>
<li><a href="#">Opción breve</a></li>
<li><a href="#">Opción mucho más larga</a></li>
</ul>
flotas los li y les das un ancho y para que no te flote nada, le
das una altura al ul ;)
Ejemplo:
http://css.maxdesign.com.au/listamatic/horizontal13.htm
lo he escogido al azar de entre:
http://css.maxdesign.com.au/listamatic/index.htm
es un clásico ;)
Otra solución, que casi me parece "mucho mas peor", aunque si
buscas alternativas, es que sabes algo que yo ignoro ;). Ya me
contarás.
ul position:relative; y con un alto o un margin-bottom.
li en display:block; le pones el ancho y lo posicionas
absolutamente respecto al ul, como sabes el ancho, puedes lograr
colocarlas al milímetro ;)
Segunda cosa, no es recomendable usar anchos en px y menos en un
menú ;)
Y opinar opino, que el float aquí sirve y que prefiero forzar un
poquito el diseño y poner un inline que degrada mucho mejor.
Aunque es verdad, eso de forzar el diseño no se puede hacer muy
a menudo....
JGO> Buenos días a todos,
JGO> La verdad es que siempre me hubiera gustado poder hacer algo como esto:
JGO> <span class="boton"><a href="#">Opción breve</a></span>
JGO> <span class="boton"><a href="#">Opción mucho más larga</a></span>
JGO> Y darle un estilo así:
JGO> display: inline;
JGO> width: 240px;
JGO> Para lograr dos botones consecutivos (inline) que tengan ambos el mismo
JGO> ancho (240px). Pero lamentablemente "width" no tiene efecto con
JGO> "display: inline".
JGO> Suelo evitar esto usando cosas como "display: block; float: left; width:
JGO> 240px", pero no creo que sea la mejor solución, porque así realmente el
JGO> boton está flotando, y me parece un truco un poco sucio, que no siempre
JGO> queda bien.
JGO> Seguramente haya una solución mejor por ahí, pero no logro dar con ella.
JGO> ¿qué opináis?
Saludos.
_________________________________
Todo lo que no aprendí,
no se me ha olvidado.
_________________________________
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
