Saludos a todos los miembros de la lista.
OPERA
Antes de empezar, si todos los navegadores interpretasen como Opera la
propiedad display: inline-table adecuadamente, yo no tendría éste problema,
pero...
PROBLEMA
El problema original consistía en crear una lista de elementos de forma
horizontal horizontal (#menu li{
display: inline;}), pero teniendo en cuenta que esta lista puede
contener muchos elementos, y no se mostrarían visualmente en la pantalla sin
hacer scroll. Sólo con Opera funcionaba, y nada más.
Como la opción de crear una tabla con todos los vínculos no la contemplo
(cuestión de accesibilidad y orgullo), he buscado otra alternativa, y aunque
tampoco me convence del todo (desde el punto de vista del buen uso del código
deja mucho que desear), no encuentro otra solución.
IDEA ALTERNATIVA
Mi genial idea, es usar una serie de listas horizontales una debajo de otra.
El problema, es que como cada elemento de la lista tiene un número de
caracteres diferentes (lo normal), visualmente el resultado no se parece a una
tabla, como a mí me gustaría. El problema, como todos sabemos, es que al
tratarse de una lista horizontal, se trata a los elementos como inline en vez
de block. Y con CSS no se puede especificar una longitud fija a un elemento
que no sea bloque (como h1, h2, p, li, div,...) para dudas, consultar [1].
ALGUIEN SABE CÓMO...
Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una
lista de elementos (li) se comporte...
1.- con un salto de línea cuando no cabe en una fila
2.- pudiendo controlar el ancho de cada elemento (para que sean visualmente
iguales)
3.- que se parezca a una tabla... sin que el código html sea una tabla
4.- se aceptan varias listas horizontales (una encima de otra)
5.- No se acepta usar una tabla, porque es una lista de elementos, no datos
tabulares.
Gracias por todo y a todos...
Gonzalo
www.webposible
PD: Este mensaje caduca mañana a mediodía hora española. Después, será
demasiado tarde. Faltan por tanto 21 horas a partir de ya :)
[1] Traducción de CSS 2 (Carlos Benavidez: 10.2): Ancho del contenido: la
propiedad 'width'
http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#propdef-width
Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
___
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://lists.ovillo.org/mailman/listinfo/ovillo