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.com>pe...@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;
> > > > > > 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
> > >
> > _______________________________________________
> > 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
