Comunidad de diseño web y desarrollo en internet online

Cambiar estilo inline

Citar            
MensajeEscrito el 09 May 2011 11:57 am
¡Hola!

Soy nuevo en este foro.
Estoy intentando modificar en un css el estilo de unos divs; en concreto quiero añadir en todas las páginas, en los divs con align="left", la propiedad float="left".

Las páginas ya están hechas y son de un curso generado para Moodle. No puedo cambiar ese estilo en cada página porque son cientos.

Esto es lo que he puesto en el css:


div[text-align="left"] {float: left;}


Pero no me lo coge. En el estilo inline de las páginas htm pone:

<div style="text-align:left">

¿No se escribe así en el css?


Gracias.

Por oscar71

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 09 May 2011 02:11 pm
Solo tenias un solo error en la sintaxis del código css, te falto el nombre del atributo style.

se escribe así:

Código :

div[style="text-align:left;"]{ float: left;}


tu lo tienes así:

Código :

div[text-align="left"] {float: left;} 


por si entra alguien que no sepa que tipo de css es este, a este tipo de css se le llama Selector de atributosen el código que le e pasado lo que hace es

Alinear a la izquierda todos los Div que tengan un atributo "style="text-align:left;", independientemente de su valor.

Espero te sirva. :lol:

Por jordano_p

Claber

872 de clabLevel

10 tutoriales

 

Front-End Developer

firefox
Citar            
MensajeEscrito el 09 May 2011 04:07 pm
Creo que lo probé pero sin el punto y coma.

Ya te diré si funciona.

Muchas gracias.

Por oscar71

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 09 May 2011 06:35 pm
EL punto y coma no creo que sea relevante, pero en css todas las propiedades de los selectores se cierran con ;. los navegadores por eso no creo que te tire ningún error.

Por jordano_p

Claber

872 de clabLevel

10 tutoriales

 

Front-End Developer

firefox
Citar            
MensajeEscrito el 10 May 2011 06:52 am
No me tira ningún error, pero no me coge el estilo.

Lo acabo de probar como dices y, efectivamente, yo ya lo había probado pero no funciona tampoco; ni poniendo: "!important".

Le he puesto también el div "padre" y tampoco funciona:

div#main-content-notoc div[style="text-align:left;"] {float: left;}


No sé porqué es.

Por oscar71

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 May 2011 07:12 am
Pues entonces es un poco extraño, debería de funcionar con este código

Por jordano_p

Claber

872 de clabLevel

10 tutoriales

 

Front-End Developer

firefox
Citar            
MensajeEscrito el 10 May 2011 11:53 am
¡Lo conseguí!

Resulta que había un espacio en blanco entre el ":" y el "left":

<div style="text-align: left">

Así que el css quedaría de esta forma:

div[style="text-align: left;"]{float: left;}


Muchas gracias.

Por oscar71

3 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.