Re: [Ovillo] Herencias css
Prueba esto
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson
vincent.kya...@gmail.com escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
Re: [Ovillo] Herencias css
Te explico un poco a ver si te sirve la solución...
al poner #content img le estás diciendo a los estilos css que la img
que sea hija de #content coja dichos estilos...
El 10 de mayo de 2012 14:11, Rafa Ferrero constantin...@gmail.comescribió:
Prueba esto
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson
vincent.kya...@gmail.com escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
Re: [Ovillo] Herencias css
aupa
si en los css en vez de poner .ilurebe pones #content img.ilurebe te funcionará
la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan mucho
;)
saludos
El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
Re: [Ovillo] Herencias css
Buenas Vicent.
Si esa imagen está cogiendo css heredado desde su contenedor, trata de ser más
específico, me explico:
Si tienes tu imagen dentro de un cont, llama a la imagen desde más arriba, o
sea:
#contenedor
#content
img
Eso debería tener más especificidad e imperar sobre los estilos con un sólo
escalón ;-)
Un saludo.
El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
Re: [Ovillo] Herencias css
Hola Vincent,
prueba a quitar el ; después del #ff
background-color: #ff !important;
Un saludo
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson
vincent.kya...@gmail.com escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
Re: [Ovillo] Herencias css
un poco de documentación sobre el tema con algo de humor
y una cheatsheet cachonda a la par que práctica:
http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
un par de artículos (donde aparece la cheatsheet):
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
El 10/05/2012, a las 14:13, Martin Etxauri escribió:
aupa
si en los css en vez de poner .ilurebe pones #content img.ilurebe te
funcionará
la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan
mucho ;)
saludos
El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
___
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] Herencias css
Hola,
si puedes evitar !important mejor, porque trae más problemas de los que
resuelve. A mi parece, sin haberlo probado, que la solución más sencilla
debería ser #content img.ilurebe {background:#fff; border:none;}
Saludos
Rafael G. Lepper
Front End Web Developer
http://www.thehandcoder.com
@rglepper
El 10/05/2012, a las 13:19, Martin Etxauri escribió:
un poco de documentación sobre el tema con algo de humor
y una cheatsheet cachonda a la par que práctica:
http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
un par de artículos (donde aparece la cheatsheet):
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
El 10/05/2012, a las 14:13, Martin Etxauri escribió:
aupa
si en los css en vez de poner .ilurebe pones #content img.ilurebe te
funcionará
la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan
mucho ;)
saludos
El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
___
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
Re: [Ovillo] Herencias css
Muchas gracias a todos por las respuestas!
Nacho, tu consejo funciona perfectamente... sin el punto coma ; el
atributo !important se aplica correctamente.
Martin; LOL. Tendría que haber buscado directamente Specificity
hierarchy en vez de herencia css ahora lo veo claro.
Rafa; Tieness toda la razón, realmente creo que lo correcto es
especificar la herencia de manera correcta como tu propones, sin tener
que recurrir a !important. Gracias!
Problem solved! Gracias a todos!
El 10 de mayo de 2012 15:05, Rafael García Lepper
rafael.g.lep...@gmail.com escribió:
Hola,
si puedes evitar !important mejor, porque trae más problemas de los que
resuelve. A mi parece, sin haberlo probado, que la solución más sencilla
debería ser #content img.ilurebe {background:#fff; border:none;}
Saludos
Rafael G. Lepper
Front End Web Developer
http://www.thehandcoder.com
@rglepper
El 10/05/2012, a las 13:19, Martin Etxauri escribió:
un poco de documentación sobre el tema con algo de humor
y una cheatsheet cachonda a la par que práctica:
http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
un par de artículos (donde aparece la cheatsheet):
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
El 10/05/2012, a las 14:13, Martin Etxauri escribió:
aupa
si en los css en vez de poner .ilurebe pones #content img.ilurebe te
funcionará
la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan
mucho ;)
saludos
El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
___
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
___
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] Herencias css
Hola Vincent,
Para que herede la clase puedes especificarlo más de la siguiente manera:
#content img.ilurebe {
}
saludos! :)
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson
vincent.kya...@gmail.com escribió:
Hola a todos!
Estoy modificando una template wordpress y tengo un pequeño problema:
Hay una img que hereda una regla de su div contenedor y no quiero que lo
haga... he leido que el atributo !important hace que una regla en concreto
anule la herencia venga de donde venga. Quiero cambiar el color del fondo
de una imagen y no logro que funcione. No se que estoy haciendo mal,
alguien puede echarme una mano?
HTML:
div id=content
img class=ilurebe src=ilu2.png width=115 height=295 /
/div
CSS:
#content img {
background-color: #0C6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.ilurebe {
background-color: #ff; !important;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
(perdón por el formateo este cutre del dreamweaver)
Gracias!
___
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
