[Ovillo] Herencias css

2012-05-10 Por tema Vincent Grönholm Olson
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


Re: [Ovillo] Herencias css

2012-05-10 Por tema Vincent Grönholm Olson
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


[Ovillo] Css en Gmail

2011-06-07 Por tema Vincent Grönholm Olson
Hola a Tod@s.
Este es mi primer mail a Ovillo. Intentaré explicar mi problema tan claro
como pueda ;)

Estoy diseñando una newsletter sencilla con tablas en html y un poquito de
css, donde muestro 5 imágenes que forman el flyer que quiero enviar via
mail.
El problema viene cuando reviso la newsletter en mi gmail y me muestra una
separación de 3 pixles entre las tablas.

Os envio una imágen de ejemplo del problema:
http://www.proyeko.com/newsle/ex.jpg
(el height de las tablas se supone que es de 136px).

Y también envio la newsletter de ejemplo aquí:
http://www.proyeko.com/newsle/newsletter.html

En otros gestores de correo no me da este problema, pero tanto en gmail y
hotmail, me aparecen estos 3 pixeles de separación entre las tablas.
He hecho varios intentos de solucionar esto con mis limitados conocimientos
de css y html, pero sin resultado.
Alguien sabe como puedo arreglar esto?
Muchas gracias de antemano ;)
___
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] Css en Gmail

2011-06-07 Por tema Vincent Grönholm Olson
Muchas gracias a ambos!
El problema se ha solucionado poniendo las imagenes en display:block
Para nada hubiera pensado en esto ;)
Gracias!

El 7 de junio de 2011 13:59, inesansebastian inesansebast...@yahoo.esescribió:

 Creo que le tienes que poner a la imagen display:block
 El 2011 eka 7, a las 13:45, Vincent Grönholm Olson escribió:

  Hola a Tod@s.
  Este es mi primer mail a Ovillo. Intentaré explicar mi problema tan claro
  como pueda ;)
 
  Estoy diseñando una newsletter sencilla con tablas en html y un poquito
 de
  css, donde muestro 5 imágenes que forman el flyer que quiero enviar via
  mail.
  El problema viene cuando reviso la newsletter en mi gmail y me muestra
 una
  separación de 3 pixles entre las tablas.
 
  Os envio una imágen de ejemplo del problema:
  http://www.proyeko.com/newsle/ex.jpg
  (el height de las tablas se supone que es de 136px).
 
  Y también envio la newsletter de ejemplo aquí:
  http://www.proyeko.com/newsle/newsletter.html
 
  En otros gestores de correo no me da este problema, pero tanto en gmail y
  hotmail, me aparecen estos 3 pixeles de separación entre las tablas.
  He hecho varios intentos de solucionar esto con mis limitados
 conocimientos
  de css y html, pero sin resultado.
  Alguien sabe como puedo arreglar esto?
  Muchas gracias de antemano ;)
  ___
  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] Css en Gmail

2011-06-07 Por tema Vincent Grönholm Olson
Hola, el problema ya está solucionado, pero igualmente te copio aqui el html
que me devuelve el inspector de elementos de Google chrome. (me he instalado
firebug pero estoy más acostumbrado al de google crhome)

div
style=min-height:680px;width:440px;margin-right:auto;margin-left:auto
  table style=border-collapse:collapse width=440 border=0
cellpadding=0 cellspacing=0 height=680
tbody
  tr
td height=136 img style=display:block
src=?ui=2amp;ik=2276702d8eamp;view=attamp;th=13069fb297b09763amp;attid=0.1.1amp;disp=embamp;zw
alt= width=440 height=136/td
  /tr
  tr
td height=136 img style=display:block
src=?ui=2amp;ik=2276702d8eamp;view=attamp;th=13069fb297b09763amp;attid=0.1.2amp;disp=embamp;zw
alt= width=440 height=136/td
  /tr
  tr
td height=136 img style=display:block
src=?ui=2amp;ik=2276702d8eamp;view=attamp;th=13069fb297b09763amp;attid=0.1.3amp;disp=embamp;zw
alt= width=440 height=136/td
  /tr
  tr
td height=136 img style=display:block
src=?ui=2amp;ik=2276702d8eamp;view=attamp;th=13069fb297b09763amp;attid=0.1.4amp;disp=embamp;zw
alt= width=440 height=136/td
  /tr
  tr
td height=136 img style=display:block
src=?ui=2amp;ik=2276702d8eamp;view=attamp;th=13069fb297b09763amp;attid=0.1.5amp;disp=embamp;zw
alt= width=440 height=136/td
  /tr
/tbody
  /table
/div

El 7 de junio de 2011 14:05, Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

 ¿Por qué no nos envías el código html y css que recibes en gmail? Lo puedes
 hacer copiando desde firebug



 El 7 de junio de 2011 13:59, inesansebastian inesansebast...@yahoo.es
 escribió:

  Creo que le tienes que poner a la imagen display:block
  El 2011 eka 7, a las 13:45, Vincent Grönholm Olson escribió:
 
   Hola a Tod@s.
   Este es mi primer mail a Ovillo. Intentaré explicar mi problema tan
 claro
   como pueda ;)
  
   Estoy diseñando una newsletter sencilla con tablas en html y un poquito
  de
   css, donde muestro 5 imágenes que forman el flyer que quiero enviar via
   mail.
   El problema viene cuando reviso la newsletter en mi gmail y me muestra
  una
   separación de 3 pixles entre las tablas.
  
   Os envio una imágen de ejemplo del problema:
   http://www.proyeko.com/newsle/ex.jpg
   (el height de las tablas se supone que es de 136px).
  
   Y también envio la newsletter de ejemplo aquí:
   http://www.proyeko.com/newsle/newsletter.html
  
   En otros gestores de correo no me da este problema, pero tanto en gmail
 y
   hotmail, me aparecen estos 3 pixeles de separación entre las tablas.
   He hecho varios intentos de solucionar esto con mis limitados
  conocimientos
   de css y html, pero sin resultado.
   Alguien sabe como puedo arreglar esto?
   Muchas gracias de antemano ;)
   ___
   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