[Ovillo] Selectores adyacentes IE7, IE8
Buenos días a todos
Tengo un problema que os voy a detallar a ver si alguien puede darme
alguna pista de porque no me funciona correctamente y si me dais una
solución alternativa, pues doblemente ayuda.
La historia es que tengo dentro de un div varias líneas con una serie de
inputs y labels dentro:
div id=capa1
input id=input1 /
label class=labelX/label
input id=input2 /
label class=labelX/label
input id=input3 /
label class=labelX/label
input id=input4 /
label class=labelX/label
input id=input5 /
label class=labelX/label
/div
Los input tienes diferente ID, pero los label tienen el mismo CLASS, por lo
tanto la únia forma de darle estilos diferentes a cada uno es mediante un
selector adyacente. Concretamente he usado las siguientes líneas:
#capa1 input#input1 {...}
#capa1 input#input1 + label.labelMatter {...}
O incluso
#capa1 input#input1 {...}
#capa1 input#input1 + label. {...}
Y en Firefox y Chrome funciona correctamente. Es en IE7 e IE8 donde solo se
aplica el primer estilo cuando está claro que:
#capa1 input#input1 {...}
El otro es ignorado:
#capa1 input#input1 + label.labelMatter {...}
Porque este tipo de selectores está soportado en versiones superiores a IE6,
¿verdad?
P. D: No he comentado que no es posible cambiar id's, ni class, ni nada del
código puesto que todo se genera dinámicamente. :-(
___
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
Re: [Ovillo] url dentro de una tabla
Pues al final lo he conseguido con lo que Mikel sugirió (muchas gracias).
Las demás propuestas me servirían perfectamente pero aparte de que es un
proyecto aspx, son muchos los documentos (hablamos de cientos) en los que
aparece este tipo de contenido de tabla y se generan dinámicamente todos los
días.
Muchas gracias a todos por vuestro tiempo :-)
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de mikel blonfu
Enviado el: jueves, 23 de septiembre de 2010 8:45
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] url dentro de una tabla
Hay una propiedad en CSS3 para eso: word-wrap. La inventó Microsoft así que
funciona en IE. Cuando la he usado en alguna tabla sólo me ha funcionado si
tenía también la propiedad *table-layout:fixed*.
Sería así:
table { table-layout:fixed; }
td { word-wrap:break-word; }
El único problema es que sea un proyecto para un cliente que te obligue a
validar con CSS2.
___
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
___
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
[Ovillo] url dentro de una tabla
Buenas grupo! Me he encontrado con un problema en una página y a ver si alguien puede echarme un cable: Tengo una página con una tabla en la que aparecen una serie de datos. En una de las celdas lo que hay es una url (y de las largas). El caso es que mientras que FF trocea la url correctamente y la muestra en varias líneas, IE7 e IE8 no lo hacen. Lo que hacen es mostrarlo en una única línea estirando la celda y por lo tanto haciendo aparecer un feo scroll horizontal que rompe la página. He probado con white-space e intentando hacer los anchos de celda fijos y no consigo nada. ¿Alguien alguna vez se ha encontrado con algo parecido? Muchas gracias por vuestro tiempo. Diego. ___ 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
