Re: [Ovillo] Multiples imagenes de fondo (background) con CSS3 no funciona

2012-07-31 Por tema Kinda Marrawi
Hola!

Prueba de separa la Url del paréntesis con un espacio:
background: url (../images/comvivem/navegacion_bg.png) repeat-x 0 0
transparent,

y también declara el background-color, aún que en este caso sea transparent.

Saludos!


El 30 de julio de 2012 19:16, Manuel Canga - Latrasweb.net 
i...@latrasweb.net escribió:

 Se me olvidó un par de cosas anteriormente.

 1.Prueba que están bien escrito los nombres de las imágenes y en las rutas
 que se suponen que estás poniendo en el css.

 2.Si lo estás integrando en una web en la que hay que tener en cuenta a los
 IE, te
 aconsejo usar: http://css3pie.com/ para que estos te rendericen el
 background-multiple.

 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net


 El 30 de julio de 2012 18:56, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Buenos dias a todos:
  Estoy tratando de implementar el uso de multiple background usar la
  propiedad shorthand background pero no logro que el segundo background
 se
  me vea bien. El código CSS que estoy usando es el mostrado a
 continuación:
 
  .cmv_feed h3{
  font-family:Georgia,sans-serif;
  font-size:12px;
  color:#333;
  background: url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
  url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;
  margin:0;
  overflow:auto;
  padding:5px 15px;
  }
 
  Las imagenes son cargadas pero no me respeta el segundo background porque
  no sale por ningun sitio. Alguna idea o ayuda? He estado leyendo estos
  enlaces: http://www.css3.info/preview/multiple-backgrounds/,
  http://www.cssblog.es/multiple-backgrounds-css3/ y
  http://www.returngis.net/2012/05/multiple-backgrounds-con-css-3/ pero no
  hay forma de que lo haga funcionar.
  PD: No tengo ejemplo disponible porque es un sitio en desarrollo en mi PC
 
  Saludos y gracias por adelantado
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
  ___
  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] Multiples imagenes de fondo (background) con CSS3 no funciona

2012-07-31 Por tema Jose María Jareño García
 Hola Reynier.

 Quisiera formularte una 'corta' consulta acerca de tu consulta, valga
la re-enciclancia que provoco... la cual apunta hacia una novedad para mí
que gustaría de conocer. Declaras en tu código un valor que expresas
en *%*Reynier... Entiendo que dicho valor representa la distancia
LEFT. ¿Es
correcto?

 Mi consulta sería: expresado así (como un porcentaje) ¿no te causa
esto problemas de desajuste al visualizar la web en diferentes navegadores
o al cambiar el tamaño de la ventana? Al ser un porcentaje digo yo que...
no sé. En caso de que ese tanto por ciento no exprese LEFT, por mil
favores... ¿de qué cosa se trata y, muy por encima, qué hace?


*background:
url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;*



 Gracias adelantadas Reynier. Un saludo.


El 31 de julio de 2012 14:33, Kinda Marrawi kindam...@gmail.com escribió:

 Hola!

 Prueba de separa la Url del paréntesis con un espacio:
 background: url (../images/comvivem/navegacion_bg.png) repeat-x 0 0
 transparent,

 y también declara el background-color, aún que en este caso sea
 transparent.

 Saludos!


 El 30 de julio de 2012 19:16, Manuel Canga - Latrasweb.net 
 i...@latrasweb.net escribió:

  Se me olvidó un par de cosas anteriormente.
 
  1.Prueba que están bien escrito los nombres de las imágenes y en las
 rutas
  que se suponen que estás poniendo en el css.
 
  2.Si lo estás integrando en una web en la que hay que tener en cuenta a
 los
  IE, te
  aconsejo usar: http://css3pie.com/ para que estos te rendericen el
  background-multiple.
 
  Un saludo
  --
  Manuel Canga
  Desarrollo creativo de
  CMS y frameworks
  Email: *i...@latrasweb.net*
  Web: http://www.latrasweb.net
 
 
  El 30 de julio de 2012 18:56, reynie...@gmail.com reynie...@gmail.com
  escribió:
 
   Buenos dias a todos:
   Estoy tratando de implementar el uso de multiple background usar la
   propiedad shorthand background pero no logro que el segundo
 background
  se
   me vea bien. El código CSS que estoy usando es el mostrado a
  continuación:
  
   .cmv_feed h3{
   font-family:Georgia,sans-serif;
   font-size:12px;
   color:#333;
   background: url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
   url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;
   margin:0;
   overflow:auto;
   padding:5px 15px;
   }
  
   Las imagenes son cargadas pero no me respeta el segundo background
 porque
   no sale por ningun sitio. Alguna idea o ayuda? He estado leyendo estos
   enlaces: http://www.css3.info/preview/multiple-backgrounds/,
   http://www.cssblog.es/multiple-backgrounds-css3/ y
   http://www.returngis.net/2012/05/multiple-backgrounds-con-css-3/ pero
 no
   hay forma de que lo haga funcionar.
   PD: No tengo ejemplo disponible porque es un sitio en desarrollo en mi
 PC
  
   Saludos y gracias por adelantado
   Ing. Reynier Perez Mira
   eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
   pe...@treswd.com
   Skype: reynierpm
   Mobile: +58 424.180.5609
   ___
   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] Multiples imagenes de fondo (background) con CSS3 no funciona

2012-07-31 Por tema reynie...@gmail.com
Hola Jose María, no logré comprender del todo tu pregunta pero no creo que
el trabajar en porcentajes cause ese tipo de problemas es más sino me
equivoco creo que los diseños fluidos y con todo el tema del responsive que
se va haciendo cada vez más necesario y obligatorio las unidades de medidas
usadas son porcentajes. Te pongo un ejemplo de dos frameworks que usan
porcentajes para sus grillas (grids): Foundation y Twitter Bootstrap, si
miras su codigo fuente te daras de cuenta a lo que me refiero y si puede
que se desajuste pero es tarea de quien maqueta la web que no suceda o sea
que se debe tener en cuenta desde el principio.

Espero haber aclarado tu duda y sino por favor reformula la consulta para
poder responderte!
Saludos
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/7/31 Jose María Jareño García construyetunegocioeninter...@gmail.com

  Hola Reynier.

  Quisiera formularte una 'corta' consulta acerca de tu consulta, valga
 la re-enciclancia que provoco... la cual apunta hacia una novedad para mí
 que gustaría de conocer. Declaras en tu código un valor que expresas
 en *%*Reynier... Entiendo que dicho valor representa la distancia
 LEFT. ¿Es
 correcto?

  Mi consulta sería: expresado así (como un porcentaje) ¿no te causa
 esto problemas de desajuste al visualizar la web en diferentes navegadores
 o al cambiar el tamaño de la ventana? Al ser un porcentaje digo yo que...
 no sé. En caso de que ese tanto por ciento no exprese LEFT, por mil
 favores... ¿de qué cosa se trata y, muy por encima, qué hace?


 *background:
 url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
 url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;*



  Gracias adelantadas Reynier. Un saludo.


 El 31 de julio de 2012 14:33, Kinda Marrawi kindam...@gmail.com
 escribió:

  Hola!
 
  Prueba de separa la Url del paréntesis con un espacio:
  background: url (../images/comvivem/navegacion_bg.png) repeat-x 0 0
  transparent,
 
  y también declara el background-color, aún que en este caso sea
  transparent.
 
  Saludos!
 
 
  El 30 de julio de 2012 19:16, Manuel Canga - Latrasweb.net 
  i...@latrasweb.net escribió:
 
   Se me olvidó un par de cosas anteriormente.
  
   1.Prueba que están bien escrito los nombres de las imágenes y en las
  rutas
   que se suponen que estás poniendo en el css.
  
   2.Si lo estás integrando en una web en la que hay que tener en cuenta a
  los
   IE, te
   aconsejo usar: http://css3pie.com/ para que estos te rendericen el
   background-multiple.
  
   Un saludo
   --
   Manuel Canga
   Desarrollo creativo de
   CMS y frameworks
   Email: *i...@latrasweb.net*
   Web: http://www.latrasweb.net
  
  
   El 30 de julio de 2012 18:56, reynie...@gmail.com reynie...@gmail.com
   escribió:
  
Buenos dias a todos:
Estoy tratando de implementar el uso de multiple background usar la
propiedad shorthand background pero no logro que el segundo
  background
   se
me vea bien. El código CSS que estoy usando es el mostrado a
   continuación:
   
.cmv_feed h3{
font-family:Georgia,sans-serif;
font-size:12px;
color:#333;
background: url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;
margin:0;
overflow:auto;
padding:5px 15px;
}
   
Las imagenes son cargadas pero no me respeta el segundo background
  porque
no sale por ningun sitio. Alguna idea o ayuda? He estado leyendo
 estos
enlaces: http://www.css3.info/preview/multiple-backgrounds/,
http://www.cssblog.es/multiple-backgrounds-css3/ y
http://www.returngis.net/2012/05/multiple-backgrounds-con-css-3/pero
  no
hay forma de que lo haga funcionar.
PD: No tengo ejemplo disponible porque es un sitio en desarrollo en
 mi
  PC
   
Saludos y gracias por adelantado
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
pe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609
___
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] Multiples imagenes de fondo (background) con CSS3 no funciona

2012-07-31 Por tema Jose María Jareño García
 Me reformulo para aclarar ¿qué expresa o qué hace exactamente el
valor 6% que usas en tu código CSS del ejemplo?

 Thanks again.


El 31 de julio de 2012 20:09, reynie...@gmail.com reynie...@gmail.comescribió:

 Hola Jose María, no logré comprender del todo tu pregunta pero no creo que
 el trabajar en porcentajes cause ese tipo de problemas es más sino me
 equivoco creo que los diseños fluidos y con todo el tema del responsive que
 se va haciendo cada vez más necesario y obligatorio las unidades de medidas
 usadas son porcentajes. Te pongo un ejemplo de dos frameworks que usan
 porcentajes para sus grillas (grids): Foundation y Twitter Bootstrap, si
 miras su codigo fuente te daras de cuenta a lo que me refiero y si puede
 que se desajuste pero es tarea de quien maqueta la web que no suceda o sea
 que se debe tener en cuenta desde el principio.

 Espero haber aclarado tu duda y sino por favor reformula la consulta para
 poder responderte!
 Saludos
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Skype: reynierpm
 Mobile: +58 424.180.5609



 2012/7/31 Jose María Jareño García construyetunegocioeninter...@gmail.com
 

   Hola Reynier.
 
   Quisiera formularte una 'corta' consulta acerca de tu consulta,
 valga
  la re-enciclancia que provoco... la cual apunta hacia una novedad para
 mí
  que gustaría de conocer. Declaras en tu código un valor que expresas
  en *%*Reynier... Entiendo que dicho valor representa la distancia
  LEFT. ¿Es
  correcto?
 
   Mi consulta sería: expresado así (como un porcentaje) ¿no te causa
  esto problemas de desajuste al visualizar la web en diferentes
 navegadores
  o al cambiar el tamaño de la ventana? Al ser un porcentaje digo yo que...
  no sé. En caso de que ese tanto por ciento no exprese LEFT, por mil
  favores... ¿de qué cosa se trata y, muy por encima, qué hace?
 
 
  *background:
  url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
  url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;*
 
 
 
   Gracias adelantadas Reynier. Un saludo.
 
 
  El 31 de julio de 2012 14:33, Kinda Marrawi kindam...@gmail.com
  escribió:
 
   Hola!
  
   Prueba de separa la Url del paréntesis con un espacio:
   background: url (../images/comvivem/navegacion_bg.png) repeat-x 0 0
   transparent,
  
   y también declara el background-color, aún que en este caso sea
   transparent.
  
   Saludos!
  
  
   El 30 de julio de 2012 19:16, Manuel Canga - Latrasweb.net 
   i...@latrasweb.net escribió:
  
Se me olvidó un par de cosas anteriormente.
   
1.Prueba que están bien escrito los nombres de las imágenes y en las
   rutas
que se suponen que estás poniendo en el css.
   
2.Si lo estás integrando en una web en la que hay que tener en
 cuenta a
   los
IE, te
aconsejo usar: http://css3pie.com/ para que estos te rendericen el
background-multiple.
   
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
   
   
El 30 de julio de 2012 18:56, reynie...@gmail.com 
 reynie...@gmail.com
escribió:
   
 Buenos dias a todos:
 Estoy tratando de implementar el uso de multiple background usar
 la
 propiedad shorthand background pero no logro que el segundo
   background
se
 me vea bien. El código CSS que estoy usando es el mostrado a
continuación:

 .cmv_feed h3{
 font-family:Georgia,sans-serif;
 font-size:12px;
 color:#333;
 background: url(../images/comvivem/navegacion_bg.png) repeat-x 0
 0,
 url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0
 6%;
 margin:0;
 overflow:auto;
 padding:5px 15px;
 }

 Las imagenes son cargadas pero no me respeta el segundo background
   porque
 no sale por ningun sitio. Alguna idea o ayuda? He estado leyendo
  estos
 enlaces: http://www.css3.info/preview/multiple-backgrounds/,
 http://www.cssblog.es/multiple-backgrounds-css3/ y

 http://www.returngis.net/2012/05/multiple-backgrounds-con-css-3/pero
   no
 hay forma de que lo haga funcionar.
 PD: No tengo ejemplo disponible porque es un sitio en desarrollo en
  mi
   PC

 Saludos y gracias por adelantado
 Ing. Reynier Perez Mira
 eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
 pe...@treswd.com
 Skype: reynierpm
 Mobile: +58 424.180.5609
 ___
 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 

Re: [Ovillo] Multiples imagenes de fondo (background) con CSS3 no funciona

2012-07-31 Por tema reynie...@gmail.com
Hola nuevamente Jose, la sintaxis de shorthand de la propiedad background
es la siguiente: background { background-color; background-image;
background-repeat; background-attachment; background-position; } algunas de
ellas pueden ser omitidas o no en dependencia de lo que quieras lograr.
Ahora bien respondiendo tu pregunta esos dos valores son la posición
horizontal y vertical respectivamente así si pones *0% 0%* estas diciendo
lo mismo que *left top* o si pones 100% 100% estas diciendo *right bottom*.
Por otro lado si especificas un solo valor digamos 0% el otro toma
automaticamente por defecto 50% y sino especificas ninguno entonces toma 0%
0%. En mi caso especifico estoy corriendo el background un 6% desde el tope
del contendor donde estoy asignado el mismo. Si quieres mas información
aquí esta http://www.w3schools.com/cssref/pr_background-position.asp.

Saludos y espero haberte sido de ayuda
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609



2012/7/31 Jose María Jareño García construyetunegocioeninter...@gmail.com

  Me reformulo para aclarar ¿qué expresa o qué hace exactamente el
 valor 6% que usas en tu código CSS del ejemplo?

  Thanks again.


 El 31 de julio de 2012 20:09, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Hola Jose María, no logré comprender del todo tu pregunta pero no creo
 que
  el trabajar en porcentajes cause ese tipo de problemas es más sino me
  equivoco creo que los diseños fluidos y con todo el tema del responsive
 que
  se va haciendo cada vez más necesario y obligatorio las unidades de
 medidas
  usadas son porcentajes. Te pongo un ejemplo de dos frameworks que usan
  porcentajes para sus grillas (grids): Foundation y Twitter Bootstrap, si
  miras su codigo fuente te daras de cuenta a lo que me refiero y si puede
  que se desajuste pero es tarea de quien maqueta la web que no suceda o
 sea
  que se debe tener en cuenta desde el principio.
 
  Espero haber aclarado tu duda y sino por favor reformula la consulta para
  poder responderte!
  Saludos
  Ing. Reynier Perez Mira
  eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com
  pe...@treswd.com
  Skype: reynierpm
  Mobile: +58 424.180.5609
 
 
 
  2012/7/31 Jose María Jareño García 
 construyetunegocioeninter...@gmail.com
  
 
Hola Reynier.
  
Quisiera formularte una 'corta' consulta acerca de tu consulta,
  valga
   la re-enciclancia que provoco... la cual apunta hacia una novedad
 para
  mí
   que gustaría de conocer. Declaras en tu código un valor que expresas
   en *%*Reynier... Entiendo que dicho valor representa la distancia
   LEFT. ¿Es
   correcto?
  
Mi consulta sería: expresado así (como un porcentaje) ¿no te causa
   esto problemas de desajuste al visualizar la web en diferentes
  navegadores
   o al cambiar el tamaño de la ventana? Al ser un porcentaje digo yo
 que...
   no sé. En caso de que ese tanto por ciento no exprese LEFT, por mil
   favores... ¿de qué cosa se trata y, muy por encima, qué hace?
  
  
   *background:
   url(../images/comvivem/navegacion_bg.png) repeat-x 0 0,
   url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0 6%;*
  
  
  
Gracias adelantadas Reynier. Un saludo.
  
  
   El 31 de julio de 2012 14:33, Kinda Marrawi kindam...@gmail.com
   escribió:
  
Hola!
   
Prueba de separa la Url del paréntesis con un espacio:
background: url (../images/comvivem/navegacion_bg.png) repeat-x 0 0
transparent,
   
y también declara el background-color, aún que en este caso sea
transparent.
   
Saludos!
   
   
El 30 de julio de 2012 19:16, Manuel Canga - Latrasweb.net 
i...@latrasweb.net escribió:
   
 Se me olvidó un par de cosas anteriormente.

 1.Prueba que están bien escrito los nombres de las imágenes y en
 las
rutas
 que se suponen que estás poniendo en el css.

 2.Si lo estás integrando en una web en la que hay que tener en
  cuenta a
los
 IE, te
 aconsejo usar: http://css3pie.com/ para que estos te rendericen el
 background-multiple.

 Un saludo
 --
 Manuel Canga
 Desarrollo creativo de
 CMS y frameworks
 Email: *i...@latrasweb.net*
 Web: http://www.latrasweb.net


 El 30 de julio de 2012 18:56, reynie...@gmail.com 
  reynie...@gmail.com
 escribió:

  Buenos dias a todos:
  Estoy tratando de implementar el uso de multiple background
 usar
  la
  propiedad shorthand background pero no logro que el segundo
background
 se
  me vea bien. El código CSS que estoy usando es el mostrado a
 continuación:
 
  .cmv_feed h3{
  font-family:Georgia,sans-serif;
  font-size:12px;
  color:#333;
  background: url(../images/comvivem/navegacion_bg.png) repeat-x
 0
  0,
  url(../images/comvivem/ico_colores_actualidad.png) no-repeat 0
  6%;
  margin:0;