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