Re: [Ovillo] Imagen de background grande !!!
Para el tema del 100% del viewport aquí tienes un artículo: 100% Height Layout Using CSShttp://www.dave-woods.co.uk/index.php/100-height-layout-using-css/-- http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/ El 14 de marzo de 2012 22:01, reynie...@gmail.com reynie...@gmail.comescribió: Gracias German y Enmanuel pero no creo que lo que me dejan me sirva puesto que aplica al bakground de la pagina completa o como se aplica en el articulo que deja German que lo hacen al elemento html en mi caso necesito aplicarlo a un elemento DIV que es el contenedor principal. Lo otro que necesito es hacer que ese DIV me ocupe el 100% del viewport y no lo estoy logrando, alguna sugerencia en este sentido tambien? Gracias Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/14 German Bustos ger...@atarraya.org En mi opinión la mejor opción es usar la opción background-size: cover de CSS3 Un artículo al respecto http://css-tricks.com/perfect-full-page-background-image/ El 14 de marzo de 2012 14:59, reynie...@gmail.com reynie...@gmail.com escribió: Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ 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 -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339** http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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] Imagen de background grande !!!
Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ 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] Imagen de background grande !!!
Hay muchas librerías que puedes usar, te paso una: http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html Demo: http://www.ajaxblender.com/script-sources/bgstretcher-2/demo/index.html El 14 de marzo de 2012 16:59, reynie...@gmail.com reynie...@gmail.comescribió: Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ 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] Imagen de background grande !!!
En mi opinión la mejor opción es usar la opción background-size: cover de CSS3 Un artículo al respecto http://css-tricks.com/perfect-full-page-background-image/ El 14 de marzo de 2012 14:59, reynie...@gmail.com reynie...@gmail.comescribió: Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ 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 -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339** http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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] Imagen de background grande !!!
Gracias German y Enmanuel pero no creo que lo que me dejan me sirva puesto que aplica al bakground de la pagina completa o como se aplica en el articulo que deja German que lo hacen al elemento html en mi caso necesito aplicarlo a un elemento DIV que es el contenedor principal. Lo otro que necesito es hacer que ese DIV me ocupe el 100% del viewport y no lo estoy logrando, alguna sugerencia en este sentido tambien? Gracias Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/14 German Bustos ger...@atarraya.org En mi opinión la mejor opción es usar la opción background-size: cover de CSS3 Un artículo al respecto http://css-tricks.com/perfect-full-page-background-image/ El 14 de marzo de 2012 14:59, reynie...@gmail.com reynie...@gmail.com escribió: Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ 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 -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339** http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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] Imagen de fondo ajustable al tamaño de pantalla.
Hola teng una pregunta, de hecho estoy aprendiendo diseño web. Me gustaria me ayudaran ya que quiero poner en el fondo de mi pagina web una imagen estatica, pero quiero que se ajuste al tamaño de pantalla y que no se deforme la imagen gracias. _ ¿Te crees fan de Messenger? Compruébalo www.vivirmessenger.com ___ 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] Imagen de fondo ajustable al tamaño de pantalla.
Mira ésta técnica: http://css-tricks.com/examples/FullPageBackgroundImage/tech2.html 2010/4/29 Orlando Danilo Macias orlando_m...@hotmail.com Hola teng una pregunta, de hecho estoy aprendiendo diseño web. Me gustaria me ayudaran ya que quiero poner en el fondo de mi pagina web una imagen estatica, pero quiero que se ajuste al tamaño de pantalla y que no se deforme la imagen gracias. _ ¿Te crees fan de Messenger? Compruébalo www.vivirmessenger.com ___ 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 -- mario álvarez desarrollador web ___ 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] Imagen de fondo ajustable al tamaño de pantalla.
Te paso este plugin de Jquery que hace eso: http://johnpatrickgiven.com/jquery/background-resize/ [image: Ignacio Ricci - Designer + Developer] 2010/4/29 Orlando Danilo Macias orlando_m...@hotmail.com Hola teng una pregunta, de hecho estoy aprendiendo diseño web. Me gustaria me ayudaran ya que quiero poner en el fondo de mi pagina web una imagen estatica, pero quiero que se ajuste al tamaño de pantalla y que no se deforme la imagen gracias. _ ¿Te crees fan de Messenger? Compruébalo www.vivirmessenger.com ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Perfecto, esta última opción es la que funciona, porque los vertical-align
en ningún sitio.
Muchas gracias.
Jose
El 22 de febrero de 2010 08:18, jaume op jaum...@gmail.com escribió:
Bueno creo que habrian diferentes modos segun quieras, montarlo, aunque en
princio presupongo que la imagen sea necesaria como imagen y no como
background del li o del a.
De un a lado supombo la img de 50px (ejemplo)
li{ height:50px; line-height:50px;} /*centraria verticalmente todo lo que
haya dentro*/
Por otra parte, trabajando con la img
img{valign:middle;} o quiza baseline,
Tambien, si no me equivoco en valign el valor center creo que se
corresponde
como valor.
El 21 de febrero de 2010 21:44, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
En este caso creo que es al texto que el se refiere.
From: andresgut...@gmail.com
Date: Sun, 21 Feb 2010 21:42:39 +0100
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a la imagen
Yo pondría el vertical-align:center en la imagen. Pero prueba.
El 21 de febrero de 2010 19:33, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
intenta ponerle al li un vertical Align
#contenido #cuerpo #cuerpo_miembros ul li{
vertical-align:center;}
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 19:16:38 +0100
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que
centre
el
texto:
#contenido #cuerpo #cuerpo_miembros ul{
font-size: 0.8em;
padding: 0px 0px 0px 35px;
}
#contenido #cuerpo #cuerpo_miembros ul li{
margin: 0px 0px 0px 10px;
}
#contenido #cuerpo #cuerpo_miembros ul li a img{
}
#contenido #cuerpo #cuerpo_miembros ul li a{
color: #576036;
}
El 21 de febrero de 2010 18:52, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
Nos dejas ver tu css?
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 18:50:01 +0100
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a
la imagen
Hola a todos,
Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
Tengo una lista, dentro de cada uno de los elementos de la
lista
hay
una
imagen y un texto (para cada elemento la imagen y el texto son
diferentes).
La cuestión es que el texto se alinea a la derecha de la imagen
(eso
está
bien) pero con respecto a la parte inferior de esta y me
gustaría
que
quedara alineado verticalmente.
Este es el HTML:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿Que propiedad tendría que darle al CSS de esa lista para que
el
texto
Pepito Palotes quedara centrado con respecto a la imagen?
Un saludo,
Jose
--
Antes de imprimir este mensaje, asegúrate de que es necesario.
Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo
al
mismo,
puede contener información de carácter confidencial
exclusivamente
dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia
o
distribución a terceros sin la previa autorización de . En caso
de
haber
recibido este correo por error, le rogamos notifique
inmediatamente
esta
circunstancia mediante reenvío a la dirección electrónica del
remitente.
Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it,
should
contain
information of confidential nature, exclusively intended for
its
recipient(s). You may not copy this message or use it for any
purpose
or
disclose its contents to any other person or take any action
based on
them
without prior authorization from . Should you have received
this
mail
by
mistake, we would be most grateful if you could notify us
immediately.
Thank
you very much
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Aunque el tema está resuelto con line-height me extraña que no funcione el vertical-align. Estos son sus valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | medida | inherit Si las imagenes son decorativas y no añaden información al texto yo las pondría como fondo como apunta jaume. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Estoy de acuerdo contigo el valing aplicado a la imagen debería valer con
img {vertical-align:middel;}
el siguiente elemento debería posicionarse en medio.
El 22 de febrero de 2010 12:44, mikel blonfu jan...@gmail.com escribió:
Aunque el tema está resuelto con line-height me extraña que no funcione el
vertical-align. Estos son sus valores posibles:
baseline | sub | super | top | text-top | middle | bottom | text-bottom |
porcentaje | medida | inherit
Si las imagenes son decorativas y no añaden información al texto yo las
pondría como fondo como apunta jaume.
___
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
--
Saludos
Jaume
___
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] Imagen dentro de li y centrar el texto con respecto a la imagen
Yo creo que la imagen no tendría que ir de fondo del Li ya es que es una fotografía de cada una de las personas que formarán esa lista. Aunque pensándolo, podría dar a cada li un id y ponerle un fondo diferente, aunque no me parece muy operativo. Haré pruebas con el vertical-Align en la imagen pero no me ha funcionado. Muchas gracias por todo. Un saludo, Jose El 22 de febrero de 2010 12:44, mikel blonfu jan...@gmail.com escribió: Aunque el tema está resuelto con line-height me extraña que no funcione el vertical-align. Estos son sus valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | medida | inherit Si las imagenes son decorativas y no añaden información al texto yo las pondría como fondo como apunta jaume. ___ 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 -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Si es una foto de perfil de una persona, yo la pondría como imagen y no como background. Por lo que dices. No sería muy operativo. El 22 de febrero de 2010 13:51, Dan danal...@gmail.com escribió: El vertical-align funciona en determinados display, por ejemplo en display: table-cell Yo tuve hace mucho un problema parecido en una web que hice, por si te ayuda de algo puedes ver como lo hice en: http://www.avetid.com/asociados/index.aspx?idioma=cas Pero atento que tuve que hacer código extra para Internet Explorer, etc. Salu2. -Mensaje original- De: Jose Manuel Segovia [mailto:josego...@gmail.com] Enviado el: domingo, 21 de febrero de 2010 18:50 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que centre el
texto:
#contenido #cuerpo #cuerpo_miembros ul{
font-size: 0.8em;
padding: 0px 0px 0px 35px;
}
#contenido #cuerpo #cuerpo_miembros ul li{
margin: 0px 0px 0px 10px;
}
#contenido #cuerpo #cuerpo_miembros ul li a img{
}
#contenido #cuerpo #cuerpo_miembros ul li a{
color: #576036;
}
El 21 de febrero de 2010 18:52, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
Nos dejas ver tu css?
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 18:50:01 +0100
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Imagen dentro de li y centrar el texto con respecto a
la imagen
Hola a todos,
Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
Tengo una lista, dentro de cada uno de los elementos de la lista hay una
imagen y un texto (para cada elemento la imagen y el texto son
diferentes).
La cuestión es que el texto se alinea a la derecha de la imagen (eso está
bien) pero con respecto a la parte inferior de esta y me gustaría que
quedara alineado verticalmente.
Este es el HTML:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿Que propiedad tendría que darle al CSS de esa lista para que el texto
Pepito Palotes quedara centrado con respecto a la imagen?
Un saludo,
Jose
--
Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
puede contener información de carácter confidencial exclusivamente
dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de haber
recibido este correo por error, le rogamos notifique inmediatamente esta
circunstancia mediante reenvío a la dirección electrónica del remitente.
Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it, should
contain
information of confidential nature, exclusively intended for its
recipient(s). You may not copy this message or use it for any purpose or
disclose its contents to any other person or take any action based on
them
without prior authorization from . Should you have received this mail by
mistake, we would be most grateful if you could notify us immediately.
Thank
you very much indeed in advance for your collaboration.
___
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
_
¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más.
http://www.descubrewindowslive.com/hotmail/anti-spam.asp
___
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
--
Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
puede contener información de carácter confidencial exclusivamente dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de haber
recibido este correo por error, le rogamos notifique inmediatamente esta
circunstancia mediante reenvío a la dirección electrónica del remitente. Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it, should contain
information of confidential nature, exclusively intended for its
recipient(s). You may not copy this message or use it for any purpose or
disclose its contents to any other person or take any action based on them
without prior authorization from . Should you have received this mail by
mistake, we would be most grateful if you could notify us immediately. Thank
you very much indeed in advance for your collaboration.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Yo pondría el vertical-align:center en la imagen. Pero prueba.
El 21 de febrero de 2010 19:33, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
intenta ponerle al li un vertical Align
#contenido #cuerpo #cuerpo_miembros ul li{ vertical-align:center;}
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 19:16:38 +0100
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que centre
el
texto:
#contenido #cuerpo #cuerpo_miembros ul{
font-size: 0.8em;
padding: 0px 0px 0px 35px;
}
#contenido #cuerpo #cuerpo_miembros ul li{
margin: 0px 0px 0px 10px;
}
#contenido #cuerpo #cuerpo_miembros ul li a img{
}
#contenido #cuerpo #cuerpo_miembros ul li a{
color: #576036;
}
El 21 de febrero de 2010 18:52, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
Nos dejas ver tu css?
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 18:50:01 +0100
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a
la imagen
Hola a todos,
Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
Tengo una lista, dentro de cada uno de los elementos de la lista hay
una
imagen y un texto (para cada elemento la imagen y el texto son
diferentes).
La cuestión es que el texto se alinea a la derecha de la imagen (eso
está
bien) pero con respecto a la parte inferior de esta y me gustaría que
quedara alineado verticalmente.
Este es el HTML:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿Que propiedad tendría que darle al CSS de esa lista para que el
texto
Pepito Palotes quedara centrado con respecto a la imagen?
Un saludo,
Jose
--
Antes de imprimir este mensaje, asegúrate de que es necesario.
Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al
mismo,
puede contener información de carácter confidencial exclusivamente
dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de
haber
recibido este correo por error, le rogamos notifique inmediatamente
esta
circunstancia mediante reenvío a la dirección electrónica del
remitente.
Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it, should
contain
information of confidential nature, exclusively intended for its
recipient(s). You may not copy this message or use it for any purpose
or
disclose its contents to any other person or take any action based on
them
without prior authorization from . Should you have received this mail
by
mistake, we would be most grateful if you could notify us
immediately.
Thank
you very much indeed in advance for your collaboration.
___
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
_
¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más.
http://www.descubrewindowslive.com/hotmail/anti-spam.asp
___
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
--
Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
puede contener información de carácter confidencial exclusivamente
dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de haber
recibido este correo por error, le rogamos notifique inmediatamente esta
circunstancia mediante reenvío a la dirección electrónica del remitente
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
En este caso creo que es al texto que el se refiere.
From: andresgut...@gmail.com
Date: Sun, 21 Feb 2010 21:42:39 +0100
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto
a la imagen
Yo pondría el vertical-align:center en la imagen. Pero prueba.
El 21 de febrero de 2010 19:33, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
intenta ponerle al li un vertical Align
#contenido #cuerpo #cuerpo_miembros ul li{ vertical-align:center;}
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 19:16:38 +0100
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que centre
el
texto:
#contenido #cuerpo #cuerpo_miembros ul{
font-size: 0.8em;
padding: 0px 0px 0px 35px;
}
#contenido #cuerpo #cuerpo_miembros ul li{
margin: 0px 0px 0px 10px;
}
#contenido #cuerpo #cuerpo_miembros ul li a img{
}
#contenido #cuerpo #cuerpo_miembros ul li a{
color: #576036;
}
El 21 de febrero de 2010 18:52, joel vinicio almanzar
joel_alman...@hotmail.com escribió:
Nos dejas ver tu css?
From: josego...@gmail.com
Date: Sun, 21 Feb 2010 18:50:01 +0100
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Imagen dentro de li y centrar el texto con
respecto a
la imagen
Hola a todos,
Seguro que es muy simple de hacer pero no soy capaz. Os cuento.
Tengo una lista, dentro de cada uno de los elementos de la lista hay
una
imagen y un texto (para cada elemento la imagen y el texto son
diferentes).
La cuestión es que el texto se alinea a la derecha de la imagen (eso
está
bien) pero con respecto a la parte inferior de esta y me gustaría que
quedara alineado verticalmente.
Este es el HTML:
ul
li
a href=prueba.html
img src=imagenes/miembros/miembro0.jpg /
Pepito Palotes
/a
/li
/ul
¿Que propiedad tendría que darle al CSS de esa lista para que el
texto
Pepito Palotes quedara centrado con respecto a la imagen?
Un saludo,
Jose
--
Antes de imprimir este mensaje, asegúrate de que es necesario.
Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso, cualquier fichero anexo al
mismo,
puede contener información de carácter confidencial exclusivamente
dirigida
a su(s) destinatario(s). Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización de . En caso de
haber
recibido este correo por error, le rogamos notifique inmediatamente
esta
circunstancia mediante reenvío a la dirección electrónica del
remitente.
Le
agradezco de antemano su colaboración.
--
This e-mail, and where appropriate, any file attached to it, should
contain
information of confidential nature, exclusively intended for its
recipient(s). You may not copy this message or use it for any purpose
or
disclose its contents to any other person or take any action based on
them
without prior authorization from . Should you have received this mail
by
mistake, we would be most grateful if you could notify us
immediately.
Thank
you very much indeed in advance for your collaboration.
___
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
_
¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más.
http://www.descubrewindowslive.com/hotmail/anti-spam.asp
___
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
--
Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger
el
medio ambiente está también en tu mano.
--
Este correo electrónico y, en su caso
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Sí, es el texto lo que quiere centrar, pero la propiedad vertical-align es para elementos en linea y celdas de tablas así que en el li no funcionaría, hay que ponerselo a la imagen. Además el valor sería middle y no center. ___ 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] Imagen sobrepuesta sobre otra
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún así se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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] Imagen sobrepuesta sobre otra
Repito por enésima vez. Pongan el ejemplo online.
2009/10/13 ReynierPM rper...@uci.cu
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún así se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Imagen sobrepuesta sobre otra
Y no existe el Z-index negativo...
2009/10/13 Ignacio Ricci ignacio.ri...@gmail.com
Repito por enésima vez. Pongan el ejemplo online.
2009/10/13 ReynierPM rper...@uci.cu
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún así se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Imagen sobrepuesta sobre otra
de hecho si existen los negativos
http://www.w3schools.com/Css/pr_pos_z-index.asp
El 13 de octubre de 2009 11:29, Ignacio Ricci ignacio.ri...@gmail.comescribió:
Y no existe el Z-index negativo...
2009/10/13 Ignacio Ricci ignacio.ri...@gmail.com
Repito por enésima vez. Pongan el ejemplo online.
2009/10/13 ReynierPM rper...@uci.cu
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún así se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat
right
top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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
--
Jepser Bernardino
www.npixels.net
twitter jepser
tel. 52730528
___
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] Imagen sobrepuesta sobre otra
Hola:
Disculpen sino puse el ejemplo. Aquí está:
http://jose-couto.com/pintpal2/. Observen como la imagen que dice
PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.
Ignacio Ricci wrote:
Repito por enésima vez. Pongan el ejemplo online.
2009/10/13 ReynierPM rper...@uci.cu
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún asà se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right
top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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
--
Saludos
ReynierPM
___
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] Imagen sobrepuesta sobre otra
Estas usando margen negativo, por eso se pisa el logo.
Ponele a: *div#logo*, position relative, y z-index:1
2009/10/13 ReynierPM rper...@uci.cu
Hola:
Disculpen sino puse el ejemplo. Aquí está:
http://jose-couto.com/pintpal2/. Observen como la imagen que dice
PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.
Ignacio Ricci wrote:
Repito por enésima vez. Pongan el ejemplo online.
2009/10/13 ReynierPM rper...@uci.cu
Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
div id=logo class=span-4
a href=index.phpimg src=/images/logo.gif/a
/div
div id=main-container class=span-24 last
div id=tina class=span-12
a href=order.phpimg src=/images/content/order-now.jpg
alt=Order Now //a
/div
He intentado poniendo un z-index inmenso al div#logo y un z-index
pequeño al div#tina pero aún asà se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat
right
top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
___
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
--
Saludos
ReynierPM
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Imagen sobrepuesta sobre otra
Sólo agregale posición relativa al div del logo.Yo lo comprobé en Firebug.
Saludos.
2009/10/13 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar
ReynierPM escribió:
Hola:
Disculpen sino puse el ejemplo. Aquí está:
http://jose-couto.com/pintpal2/. Observen como la imagen que dice
PintPal la grande del vaso de helado se sobrepone a la imagen del Logo.
Tienes un margen negativo en:
div#tina {
margin-top:-56px;
}
Eso es lo que sube al vaso de helado.
Saludos!
--
Hernán Beati
http://www.saberweb.com.ar
___
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
--
Mario Álvarez
twitter: @magrio
___
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] Imagen sobrepuesta sobre otra
Sólo agregale posición relativa al div del logo.Yo lo comprobé en Firebug. Gracias a todos ahora me funciona sin problemas -- Saludos ReynierPM ___ 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] imagen en opcion de select
Algo así: http://marghoobsuleman.com/jquery-image-dropdown Demo: http://marghoobsuleman.com/mywork/jcomponents/customdropdown/dropDownCustom.html Aún no lo he usado pero lo vi el otro día, me gusto y lo guarde. Jorge González Sánchez | http://yparamuestraunboton.com El 17 de junio de 2009 21:25, J.Enrique M.P. joskikem...@gmail.comescribió: Usa mejor el JQuery. Ya que en ese si te va galar muy bien, si usas el background-image, tendras problemas con IE. Saludos.! ___ 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] imagen en opcion de select
Alo! Hay alguna manera de meter una imagen en el option del select con css? O algún truki x + pruebas q he hecho me da que el select no soporta la visualizacion de imágenes. Gracias. Slt. Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] imagen en opcion de select
2009/6/17 Joseba jos...@visionasolutions.es Alo! Hay alguna manera de meter una imagen en el option del select con css? O algún truki… x + pruebas q he hecho me da que el select no soporta la visualizacion de imágenes. ¿Es realmente select el que quieres skinear? A lo mejor quieres skinear los option y no se te ha ocurrido meterles estilo a estos. No se hasta que punto admiten CSS los option, pero cosas basicas como negrita, color de fondo, etc.. seguramente tiene un soporte muy extendido. Si lo que quieres hacer es muy complicado y te puedes añadir dependencia de js, siempre puedes poner en lugar de un combo normal, uno simulador con un menu hibrido (js+css). En realidad si lo que quieres hacer es muy complicado, quizas tus usuarios tengan mas fortuna con uno hibrido que con algo como lo que propones. -- -- ℱin del ℳensaje. ___ 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] imagen en opcion de select
Hola, Joseba Joseba escribió: Hay alguna manera de meter una imagen en el option del select con css? O algún truki… x + pruebas q he hecho me da que el select no soporta la visualizacion de imágenes. Es un tema bastante tratado en la lista... Es un tema que la mayoría de los navegadores (¿o eran todos, todos?) no admite. Tendrás que simularlo con js, por ejemplo con el efecto slide de jQuery: http://docs.jquery.com/Effects/slideToggle ___ 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] imagen en opcion de select
Rodrigo Álvarez Virgós escribió: Hola, Joseba Joseba escribió: Hay alguna manera de meter una imagen en el option del select con css? O algún truki… x + pruebas q he hecho me da que el select no soporta la visualizacion de imágenes. Es un tema bastante tratado en la lista... Es un tema que la mayoría de los navegadores (¿o eran todos, todos?) no admite. Tendrás que simularlo con js, por ejemplo con el efecto slide de jQuery: http://docs.jquery.com/Effects/slideToggle Firefox si que permite un background-image en los options. -- Saludos -=stripTM=- ___ 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] imagen en opcion de select
Usa mejor el JQuery. Ya que en ese si te va galar muy bien, si usas el background-image, tendras problemas con IE. Saludos.! ___ 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] Imagen para Cabecera elástica
bueno,
probé el método de Martín de los 3 div pero me es imposible que el central,
que es donde va la imagen, quede centrado respecto al div principal, y que
por tanto los div laterales tengan el mismo ancho.
alguna idea?
Gracias,
Jorge
- Mensaje original -
De: martin boggino
Para: Jorge
Enviado: viernes, 11 de abril de 2008 19:30
Asunto: Re: [Ovillo] Imagen para Cabecera elástica
la goudy olt style, tb es muy interesante o la optima, si tenes mac, en
pc, su homonima es otawa, son tipografias muy buenas con referencias a
diseños formales, si tendria que dividirlos en 3 div, uno central donde va
tu imagen y otras dos laterales con bg repeat x,
saludos
martin
El día 11/04/08, Jorge [EMAIL PROTECTED] escribió:
Hola Martin,
gracias por tu desinteresada ayuda.
Te cuento, la imagen me la pasaron los clientes de la página, pero sin
ver nada del diseño que había hecho. Realmente a mí no me gusta esa imagen
pero bueno, ellos mandan. Ahora bien, en caso de que sigan queriendo que
lleve esa imagen, tengo que acomodarla al diseño elástico que contiene la
cabecera para que quede siempre bien situada. No entendí tu propuesta de
recortar 2 px por el alto de ambos lados de la imagen. Imagino que habrá que
situarla bien a la derecha o a la izquierda del div que la contiene y poner
como imagen de fondo de ése div el listoncillo que seriá el de la izquierda
si opto por alinear la imagen a la drecha o el de la drecha si la alineo a
la izquierda para que se vea ese fondo a medida que el div crece (es
elástico), pero no sé pq propones que recorte la imagen de ambos lados ..
Por otro lado, el logo de la institución ya tiene su área de protección,
es la imagen que está situada arriba a la izquierda...
En cuanto a las fuentes, voy a probar con una Times a ver que tal,
Muchas gracias de nuevo,
Saludos desde Canarias, España
- Mensaje original -
De: martin boggino
Para: Ovillo, la lista de CSS en castellano
Enviado: viernes, 11 de abril de 2008 18:33
Asunto: Re: [Ovillo] Imagen para Cabecera elástica
bueno jorge, yo soy diseñador grafico, en cuanto a la tipografia del
sitio,
la imagen que pusiste esta bien, el tamaño de la fuente es muy grande
(en tu
imagen), podes usar otros tipo de recursos para llamar la atencion, tu
diseño en si, es muy fino, muy buen logrado para el publico que una
biblioteca accederia, como la tipografia seria una imagen, yo pondria
alguna
(con serifa), Times, jugaria con las mayusculas, todo mayusculas,
pero las
iniciales de las palabras con una fuente un poco superior
te muestro un ejemplo con la arial,
BIBLIOTECA SIMON BENITEZ PADILLA,
esto por un lado, por el otro lado, siempre pero siempre tenes que
dejer un
area de proteccion del logo o nombre o denominacion institucional,
como
quieras nombrarlo, puedes recortar un listoncillo de tu imagen, 2
pixeles x
el alto de tu imagen, de ambos lados, guardalo como gif o jpg,
saludos desde Asuncion, Paraguay
El día 4/04/08, Jorge [EMAIL PROTECTED] escribió:
Hola listeros,
trabajo en el diseño y programación de una web de bibliotecas y
tengo que
buscar una imagen apropiada para la cabecera. Como no ando bien en
diseño
gráfico os pido ayuda para ver si me podéis orientar o aconsejar y
si tenéis
alguna idea de qué diseño quedaría bien para la misma. Os comento
que lleva
un diseño elástico, tanto en altura como en anchura y que ha de
permitir
identificar cuando uno entra en la web de qué biblioteca se trata a
través
de su nombre en el diseño de la imagen.
La web, que aún está en desarrollo y queda mucho por hacer, es la
siguiente:
http://portal.grancanaria.com/portal/home.bsb?codcontenido=20580
Muchas gracias a [EMAIL PROTECTED],
Jorge
- Mensaje original -
De: ElfA 4EvEr
Para: Ovillo, la lista de CSS en castellano
Enviado: lunes, 31 de marzo de 2008 20:16
Asunto: [Ovillo] RE: Cabecera elástica con imágen de fondo
Hola Jorge, otra opción es cargar un css distinto según la
resolución de
pantalla del visitante:
script type=text/javascript
if (window.screen) {var resolucion = screen.width + ' x ' +
screen.height;
var css;
if (screen.width = 800) css = 'template_css_800';else css =
'template_css_1024';
document.write ('link rel=stylesheet href=' + css + '.css
type=text/css');}/script
En cuanto a las resoluciones de los visitantes aquí te dejo unas
url's
dónde verás estadísticas sobre el tema:
http://www.tamingthebeast.net/blog/web-development/monitor-resolution-statistics-0208.htm
Re: [Ovillo] Imagen para Cabecera elástica
2008/4/12 Jorge [EMAIL PROTECTED]: bueno, probé el método de Martín de los 3 div pero me es imposible que el central, que es donde va la imagen, quede centrado respecto al div principal, y que por tanto los div laterales tengan el mismo ancho. alguna idea? Gracias, Creo (no recuerdo como empezó este hilo) que lo que quieres es seguir con el logo de la web, pero ahora quieres q sea util para todas las resoluciones. El otro día me encontré con este mismo caso, y he pensado una solucion, que seria simple y llanamente centrarla en el div en que esté incluida, si lo que quieres poner no queda bien centrado pues podrias decirle a traves de css que esta imagen concreta se le aplique un tamaño (width i height) que esté en funcion de la letra (em) o de un %, aunque esto falla cuando la imagen empieza a pixelarse, pero si no te pasas estirando la web, me parece q puede funcionar,no? Una pregunta, he vuelto a ver la web en la que estas trabajando, y no se adapta a mi resolucion de pantalla (1024) ni tampoco a la de 800, :(( Ciao ___ 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] Imagen para Cabecera elástica
hOLA Laura, la web lleva un diseño elástico, no líquido, por lo que sus medidas (em) dependen del tamaño de la fuente , no de la resolución (%) que tengas. Gracias, Ciao - Mensaje original - De: laura [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: sábado, 12 de abril de 2008 13:25 Asunto: Re: [Ovillo] Imagen para Cabecera elástica 2008/4/12 Jorge [EMAIL PROTECTED]: bueno, probé el método de Martín de los 3 div pero me es imposible que el central, que es donde va la imagen, quede centrado respecto al div principal, y que por tanto los div laterales tengan el mismo ancho. alguna idea? Gracias, Creo (no recuerdo como empezó este hilo) que lo que quieres es seguir con el logo de la web, pero ahora quieres q sea util para todas las resoluciones. El otro día me encontré con este mismo caso, y he pensado una solucion, que seria simple y llanamente centrarla en el div en que esté incluida, si lo que quieres poner no queda bien centrado pues podrias decirle a traves de css que esta imagen concreta se le aplique un tamaño (width i height) que esté en funcion de la letra (em) o de un %, aunque esto falla cuando la imagen empieza a pixelarse, pero si no te pasas estirando la web, me parece q puede funcionar,no? Una pregunta, he vuelto a ver la web en la que estas trabajando, y no se adapta a mi resolucion de pantalla (1024) ni tampoco a la de 800, :(( Ciao ___ 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] Imagen para Cabecera elástica
2008/4/12 Jorge la web lleva un diseño elástico, no líquido, por lo que sus medidas (em) dependen del tamaño de la fuente , no de la resolución (%) que tengas. Pues si me permites la opinion, me parece un error no tener en cuenta la resolucion, porque tener mas del 50% de la web oculta tras el scroll horizontal, no se yo : ___ 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] Imagen para Cabecera elástica
2008/4/12 Jorge [EMAIL PROTECTED]: Tienes toda la razón, no había caído en eso y como dices tu con la de 800, la mitad queda oculta tras el scroll horizontal. Como hago? Gracias Pues convertir el ancho de todas las cajas q tengas al % q mas convenga en cada caso, o tb hay soluciones de tipo js, se puede ver que resolucion tiene el visitante y aplicar uno o otro css en funcion de ella. Hay mas opciones, seguro que los compis de la lista te saben guiar :) Suerte! Laura ___ 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] Imagen para Cabecera elástica
Gracias otra vez, js si no keda otro remedio sí, pero si no pues mejor evitarlo. El trabajo es para una Administracion Pública obligada a cumplir con el nivel de accesibilidad AA como minimo y si lo uso habria que ofrecer una alternativa para los que no tengan js habililtado. Creo que mejor usar porcentajes.. pero con esto tb hay problemas por que con altas resoluciones las lineas de texto alargadas pueden ser dificiles de leer y las etiquetas max-width, max-height, .. no funcionan en todos los navegadores. Hay hacks que ofrezcan alternativas a esas etiquetas en los navegadores que no las soportan? Saludos, Jorge - Mensaje original - De: laura [EMAIL PROTECTED] Para: Jorge [EMAIL PROTECTED] CC: ovillo@lists.ovillo.org Enviado: sábado, 12 de abril de 2008 14:58 Asunto: Re: [Ovillo] Imagen para Cabecera elástica 2008/4/12 Jorge [EMAIL PROTECTED]: Tienes toda la razón, no había caído en eso y como dices tu con la de 800, la mitad queda oculta tras el scroll horizontal. Como hago? Gracias Pues convertir el ancho de todas las cajas q tengas al % q mas convenga en cada caso, o tb hay soluciones de tipo js, se puede ver que resolucion tiene el visitante y aplicar uno o otro css en funcion de ella. Hay mas opciones, seguro que los compis de la lista te saben guiar :) Suerte! Laura ___ 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] Imagen para Cabecera elástica
bueno jorge, yo soy diseñador grafico, en cuanto a la tipografia del sitio,
la imagen que pusiste esta bien, el tamaño de la fuente es muy grande (en tu
imagen), podes usar otros tipo de recursos para llamar la atencion, tu
diseño en si, es muy fino, muy buen logrado para el publico que una
biblioteca accederia, como la tipografia seria una imagen, yo pondria alguna
(con serifa), Times, jugaria con las mayusculas, todo mayusculas, pero las
iniciales de las palabras con una fuente un poco superior
te muestro un ejemplo con la arial,
BIBLIOTECA SIMON BENITEZ PADILLA,
esto por un lado, por el otro lado, siempre pero siempre tenes que dejer un
area de proteccion del logo o nombre o denominacion institucional, como
quieras nombrarlo, puedes recortar un listoncillo de tu imagen, 2 pixeles x
el alto de tu imagen, de ambos lados, guardalo como gif o jpg,
saludos desde Asuncion, Paraguay
El día 4/04/08, Jorge [EMAIL PROTECTED] escribió:
Hola listeros,
trabajo en el diseño y programación de una web de bibliotecas y tengo que
buscar una imagen apropiada para la cabecera. Como no ando bien en diseño
gráfico os pido ayuda para ver si me podéis orientar o aconsejar y si tenéis
alguna idea de qué diseño quedaría bien para la misma. Os comento que lleva
un diseño elástico, tanto en altura como en anchura y que ha de permitir
identificar cuando uno entra en la web de qué biblioteca se trata a través
de su nombre en el diseño de la imagen.
La web, que aún está en desarrollo y queda mucho por hacer, es la
siguiente:
http://portal.grancanaria.com/portal/home.bsb?codcontenido=20580
Muchas gracias a [EMAIL PROTECTED],
Jorge
- Mensaje original -
De: ElfA 4EvEr
Para: Ovillo, la lista de CSS en castellano
Enviado: lunes, 31 de marzo de 2008 20:16
Asunto: [Ovillo] RE: Cabecera elástica con imágen de fondo
Hola Jorge, otra opción es cargar un css distinto según la resolución de
pantalla del visitante:
script type=text/javascript
if (window.screen) {var resolucion = screen.width + ' x ' +
screen.height;
var css;
if (screen.width = 800) css = 'template_css_800';else css =
'template_css_1024';
document.write ('link rel=stylesheet href=' + css + '.css
type=text/css');}/script
En cuanto a las resoluciones de los visitantes aquí te dejo unas url's
dónde verás estadísticas sobre el tema:
http://www.tamingthebeast.net/blog/web-development/monitor-resolution-statistics-0208.htm
http://www.w3schools.com/browsers/browsers_display.asp
Saludos
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Mon,
31 Mar 2008 17:52:15 +0100 Subject: Re: [Ovillo] Cabecera elástica con
imágen de fondo Gracias de nuevo Pablo, lo único que así la imagen va
a pesar mucho y como estamos obligados a cumplir con el nivel AA de
accesibilidad, no sé yo que pensarán mis jefes. Pero bueno, no queda otra si
lo que quieren es un diseño elastico. Otra cosa que pienso es cuánto de
ancho y de alto tiene que ser la imágen, porque uno no sabe que medida
tienen los monitores de los usuarios que nos visiten, y parece ser que la
tendencia es a ser cada vez más grande. Yo creo que habrá que buscar unas
medidas de la imagen pensando en un monitor grande estándar, no? Un
abrazo, Jorge. PD: A ver si se arregla de una vez la situación en tu
país - Mensaje original - De: Pablo Impallari Para: Ovillo, la
lista de CSS en castellano Enviado: lunes, 31 de marzo de 2008 4:34
Asunto: Re: [Ovillo]Cabecera elástica con imágen de fondo Hola Jorje:
Tal como te dice eva, simplemente tiene que hacer que la imagen sea por
demás de grande, tanto a lo alto como a lo ancho. Y luego la pones como
imagen de fondo con no-repeat y alineada con top right; De modo que al
irse expandiendo el contenedor, irá mostrando la parte de la imágen que
queda escondida. Un Abrazo Pablo Impallari Soluciones en Internet
Diseño y Desarrollo | xhtml - php - mysql. Sitio Web:
www.pabloimpallari.com.ar Teléfonos: Si llama desde Rosario: 456 7218
Si llama desde Argentina: 0341 - 456 7218 Si llama desde otro país: 0054 -
341 - 456 7218 - Original Message - From: Jorge
[EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano
ovillo@lists.ovillo.org Sent: Sunday, March 30, 2008 2:56 PM Subject:
Re: [Ovillo] Cabecera elástica con imágen de fondo Gracias ElfA 4Ever,
Pero una cosa, la cabecera es elástica no sólo a lo ancho, sino también a
lo alto, es decir, tiene una altura en em. Si yo cambio el tamaño de la
fuente, el banner va a crecer en altura y ya no kedaría bien. Que tengo
que hacer? ¿Establecer la altura de la cabecera en pixeles? No sé si me
valdría porque el logo tiene que estar alineado tanto con el menu como con
el banner y como el ancho del menu está en em, al logo tambien le he
puesto un ancho en em. Por tanto, si yo modifico el tamaño de la fuente,
el logo creceria en anchura pero no en altura y se vería mal Que
me
Re: [Ovillo] Imagen para Cabecera elástica
Hola Martin,
gracias por tu desinteresada ayuda.
Te cuento, la imagen me la pasaron los clientes de la página, pero sin ver
nada del diseño que había hecho. Realmente a mí no me gusta esa imagen pero
bueno, ellos mandan. Ahora bien, en caso de que sigan queriendo que lleve esa
imagen, tengo que acomodarla al diseño elástico que contiene la cabecera para
que quede siempre bien situada. No entendí tu propuesta de recortar 2 px por el
alto de ambos lados de la imagen. Imagino que habrá que situarla bien a la
derecha o a la izquierda del div que la contiene y poner como imagen de fondo
de ése div el listoncillo que seriá el de la izquierda si opto por alinear la
imagen a la drecha o el de la drecha si la alineo a la izquierda para que se
vea ese fondo a medida que el div crece (es elástico), pero no sé pq propones
que recorte la imagen de ambos lados ...
Por otro lado, el logo de la institución ya tiene su área de protección, es la
imagen que está situada arriba a la izquierda...
En cuanto a las fuentes, voy a probar con una Times a ver que tal,
Muchas gracias de nuevo,
Saludos desde Canarias, España
- Mensaje original -
De: martin boggino
Para: Ovillo, la lista de CSS en castellano
Enviado: viernes, 11 de abril de 2008 18:33
Asunto: Re: [Ovillo] Imagen para Cabecera elástica
bueno jorge, yo soy diseñador grafico, en cuanto a la tipografia del sitio,
la imagen que pusiste esta bien, el tamaño de la fuente es muy grande (en tu
imagen), podes usar otros tipo de recursos para llamar la atencion, tu
diseño en si, es muy fino, muy buen logrado para el publico que una
biblioteca accederia, como la tipografia seria una imagen, yo pondria alguna
(con serifa), Times, jugaria con las mayusculas, todo mayusculas, pero las
iniciales de las palabras con una fuente un poco superior
te muestro un ejemplo con la arial,
BIBLIOTECA SIMON BENITEZ PADILLA,
esto por un lado, por el otro lado, siempre pero siempre tenes que dejer un
area de proteccion del logo o nombre o denominacion institucional, como
quieras nombrarlo, puedes recortar un listoncillo de tu imagen, 2 pixeles x
el alto de tu imagen, de ambos lados, guardalo como gif o jpg,
saludos desde Asuncion, Paraguay
El día 4/04/08, Jorge [EMAIL PROTECTED] escribió:
Hola listeros,
trabajo en el diseño y programación de una web de bibliotecas y tengo que
buscar una imagen apropiada para la cabecera. Como no ando bien en diseño
gráfico os pido ayuda para ver si me podéis orientar o aconsejar y si tenéis
alguna idea de qué diseño quedaría bien para la misma. Os comento que lleva
un diseño elástico, tanto en altura como en anchura y que ha de permitir
identificar cuando uno entra en la web de qué biblioteca se trata a través
de su nombre en el diseño de la imagen.
La web, que aún está en desarrollo y queda mucho por hacer, es la
siguiente:
http://portal.grancanaria.com/portal/home.bsb?codcontenido=20580
Muchas gracias a [EMAIL PROTECTED],
Jorge
- Mensaje original -
De: ElfA 4EvEr
Para: Ovillo, la lista de CSS en castellano
Enviado: lunes, 31 de marzo de 2008 20:16
Asunto: [Ovillo] RE: Cabecera elástica con imágen de fondo
Hola Jorge, otra opción es cargar un css distinto según la resolución de
pantalla del visitante:
script type=text/javascript
if (window.screen) {var resolucion = screen.width + ' x ' +
screen.height;
var css;
if (screen.width = 800) css = 'template_css_800';else css =
'template_css_1024';
document.write ('link rel=stylesheet href=' + css + '.css
type=text/css');}/script
En cuanto a las resoluciones de los visitantes aquí te dejo unas url's
dónde verás estadísticas sobre el tema:
http://www.tamingthebeast.net/blog/web-development/monitor-resolution-statistics-0208.htm
http://www.w3schools.com/browsers/browsers_display.asp
Saludos
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Mon,
31 Mar 2008 17:52:15 +0100 Subject: Re: [Ovillo] Cabecera elástica con
imágen de fondo Gracias de nuevo Pablo, lo único que así la imagen va
a pesar mucho y como estamos obligados a cumplir con el nivel AA de
accesibilidad, no sé yo que pensarán mis jefes. Pero bueno, no queda otra si
lo que quieren es un diseño elastico. Otra cosa que pienso es cuánto de
ancho y de alto tiene que ser la imágen, porque uno no sabe que medida
tienen los monitores de los usuarios que nos visiten, y parece ser que la
tendencia es a ser cada vez más grande. Yo creo que habrá que buscar unas
medidas de la imagen pensando en un monitor grande estándar, no? Un
abrazo, Jorge. PD: A ver si se arregla de una vez la situación en tu
país - Mensaje original - De: Pablo Impallari Para: Ovillo, la
lista de CSS en castellano Enviado: lunes, 31 de marzo de 2008 4:34
[Ovillo] Imagen para Cabecera elástica
Hola listeros,
trabajo en el diseño y programación de una web de bibliotecas y tengo que
buscar una imagen apropiada para la cabecera. Como no ando bien en diseño
gráfico os pido ayuda para ver si me podéis orientar o aconsejar y si tenéis
alguna idea de qué diseño quedaría bien para la misma. Os comento que lleva un
diseño elástico, tanto en altura como en anchura y que ha de permitir
identificar cuando uno entra en la web de qué biblioteca se trata a través de
su nombre en el diseño de la imagen.
La web, que aún está en desarrollo y queda mucho por hacer, es la siguiente:
http://portal.grancanaria.com/portal/home.bsb?codcontenido=20580
Muchas gracias a [EMAIL PROTECTED],
Jorge
- Mensaje original -
De: ElfA 4EvEr
Para: Ovillo, la lista de CSS en castellano
Enviado: lunes, 31 de marzo de 2008 20:16
Asunto: [Ovillo] RE: Cabecera elástica con imágen de fondo
Hola Jorge, otra opción es cargar un css distinto según la resolución de
pantalla del visitante:
script type=text/javascript
if (window.screen) {var resolucion = screen.width + ' x ' + screen.height;
var css;
if (screen.width = 800) css = 'template_css_800';else css =
'template_css_1024';
document.write ('link rel=stylesheet href=' + css + '.css
type=text/css');}/script
En cuanto a las resoluciones de los visitantes aquí te dejo unas url's dónde
verás estadísticas sobre el tema:
http://www.tamingthebeast.net/blog/web-development/monitor-resolution-statistics-0208.htm
http://www.w3schools.com/browsers/browsers_display.asp
Saludos
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Mon, 31 Mar
2008 17:52:15 +0100 Subject: Re: [Ovillo] Cabecera elástica con imágen de
fondo Gracias de nuevo Pablo, lo único que así la imagen va a pesar mucho
y como estamos obligados a cumplir con el nivel AA de accesibilidad, no sé yo
que pensarán mis jefes. Pero bueno, no queda otra si lo que quieren es un
diseño elastico. Otra cosa que pienso es cuánto de ancho y de alto tiene que
ser la imágen, porque uno no sabe que medida tienen los monitores de los
usuarios que nos visiten, y parece ser que la tendencia es a ser cada vez más
grande. Yo creo que habrá que buscar unas medidas de la imagen pensando en un
monitor grande estándar, no? Un abrazo, Jorge. PD: A ver si se arregla
de una vez la situación en tu país - Mensaje original - De: Pablo
Impallari Para: Ovillo, la lista de CSS en castellano Enviado: lunes, 31 de
marzo de 2008 4:34 Asunto: Re: [Ovillo]Cabecera elástica con imágen de fondo
Hola Jorje: Tal como te dice eva, simplemente tiene que hacer que la
imagen sea por demás de grande, tanto a lo alto como a lo ancho. Y luego la
pones como imagen de fondo con no-repeat y alineada con top right; De modo
que al irse expandiendo el contenedor, irá mostrando la parte de la imágen
que queda escondida. Un Abrazo Pablo Impallari Soluciones en Internet
Diseño y Desarrollo | xhtml - php - mysql. Sitio Web:
www.pabloimpallari.com.ar Teléfonos: Si llama desde Rosario: 456 7218 Si
llama desde Argentina: 0341 - 456 7218 Si llama desde otro país: 0054 - 341 -
456 7218 - Original Message - From: Jorge [EMAIL PROTECTED] To:
Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent:
Sunday, March 30, 2008 2:56 PM Subject: Re: [Ovillo] Cabecera elástica con
imágen de fondo Gracias ElfA 4Ever, Pero una cosa, la cabecera es
elástica no sólo a lo ancho, sino también a lo alto, es decir, tiene una
altura en em. Si yo cambio el tamaño de la fuente, el banner va a crecer en
altura y ya no kedaría bien. Que tengo que hacer? ¿Establecer la altura de la
cabecera en pixeles? No sé si me valdría porque el logo tiene que estar
alineado tanto con el menu como con el banner y como el ancho del menu está
en em, al logo tambien le he puesto un ancho en em. Por tanto, si yo modifico
el tamaño de la fuente, el logo creceria en anchura pero no en altura y se
vería mal Que me recomendías ? Saludos - Mensaje original
- De: ElfA 4EvEr Para: Ovillo, la lista de CSS en castellano Enviado:
domingo, 30 de marzo de 2008 18:09 Asunto: [Ovillo] RE: Cabecera elástica con
imágen de fondoHola Pablo, en tu caso, lo que yo haría es recortar la
imágen http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg por la izquierda
con un píxel de ancho y de alto lo que hace la propia imagen; posteriormente
esta imágen de 1px de ancho y 167px de alto la pondría como background, y por
último alienaría la imágen
http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg siempre a la derecha, de
tal manera que en el caso de que la página se haga más ancha saldrá como
background la imágen de 1px, estéticamente queda bien. Saludos. From:
[EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Sun, 30 Mar 2008
14:14:57 +0100 Subject: Re: [Ovillo] Cabecera elástica con imágen de fondo
Hola Pablo, Muy buen diseño en
[Ovillo] Imagen de fondo en IE 6
Hola a todos! me encuentro con un problema que me a desconcertado bastante. Tengo una imagen de 960px de fondo en una cabecera. La imagen esta centrada al igual que la cabecera. Luego tengo otra también de 960px de ancho de fondo en el body también centrada. En teoría las imágenes deberían de quedar alineadas pero no se porqué, para IE la imagen de la cabecera es 1px más ancho que la del fondo con lo que se descuadra. ¿Alguien sabe como solucionarlo? Saludos! David ___ 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] Imagen de fondo en IE 6
Sin ver el código es un poco complicado dar con el problemas así como una posible solución. Pero si es un px de diferencia probablemente sea un borde o margin o padding. Pero ya digo, asi a ciegas. Un saludo. - Sergio Romero Bernal Dpto de Diseño Technosite Grupo Fundosa - Fundación Once tlf:91-121-03-37 http://www.technosite.es -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de David Enviado el: lunes, 08 de octubre de 2007 12:34 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Imagen de fondo en IE 6 Hola a todos! me encuentro con un problema que me a desconcertado bastante. Tengo una imagen de 960px de fondo en una cabecera. La imagen esta centrada al igual que la cabecera. Luego tengo otra también de 960px de ancho de fondo en el body también centrada. En teoría las imágenes deberían de quedar alineadas pero no se porqué, para IE la imagen de la cabecera es 1px más ancho que la del fondo con lo que se descuadra. ¿Alguien sabe como solucionarlo? Saludos! David ___ 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] imagen Background en css?
Buenas.
Resulta que tengo este css para dar formato a los inputs y select:
input, select {
background:transparent url(../images/input.gif) repeat scroll 0%;
border:1px solid #9BADB8;
font-size:11px;
margin:1px;
}
En firefox todo tiene estilo, pero en IE, los select no guardan el estilo.
¿Hay alguna forma de que esto funcione en IE?
___
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] imagen Background en css?
Hola,
Te faltan las comillas en la url. Pruebalo
Saludos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Luis Villegas
Enviado el: jueves, 20 de septiembre de 2007 18:06
Para: Ovillo
Asunto: [Ovillo] imagen Background en css?
Buenas.
Resulta que tengo este css para dar formato a los inputs y select:
input, select {
background:transparent url(../images/input.gif) repeat scroll 0%;
border:1px solid #9BADB8;
font-size:11px;
margin:1px;
}
En firefox todo tiene estilo, pero en IE, los select no guardan el estilo.
¿Hay alguna forma de que esto funcione en IE?
___
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
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
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] imagen Background en css?
Hola.
On 20/09/2007, at 18:47, Inmaculada Hidalgo Berni wrote:
Hola,
Te faltan las comillas en la url. Pruebalo
No. Las comillas no son necesarias.
Sigo más abajo...
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED]
En nombre de Luis Villegas
Enviado el: jueves, 20 de septiembre de 2007 18:06
Para: Ovillo
Asunto: [Ovillo] imagen Background en css?
Buenas.
Resulta que tengo este css para dar formato a los inputs y select:
input, select {
background:transparent url(../images/input.gif) repeat scroll 0%;
border:1px solid #9BADB8;
font-size:11px;
margin:1px;
}
En firefox todo tiene estilo, pero en IE, los select no guardan el
estilo.
¿Hay alguna forma de que esto funcione en IE?
Se siente pero va a ser que no. IE pinta el background _debajo_ del
widget. Está ahí, pero no se ve :(
Salud.
--
Choan Gálvez
[EMAIL PROTECTED]
http://choangalvez.nom.es/
___
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] imagen Background en css?
Pues vaya por dio. Gracias de todas formas
On 9/20/07, Choan Gálvez [EMAIL PROTECTED] wrote:
Hola.
On 20/09/2007, at 18:47, Inmaculada Hidalgo Berni wrote:
Hola,
Te faltan las comillas en la url. Pruebalo
No. Las comillas no son necesarias.
Sigo más abajo...
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED]
En nombre de Luis Villegas
Enviado el: jueves, 20 de septiembre de 2007 18:06
Para: Ovillo
Asunto: [Ovillo] imagen Background en css?
Buenas.
Resulta que tengo este css para dar formato a los inputs y select:
input, select {
background:transparent url(../images/input.gif) repeat scroll 0%;
border:1px solid #9BADB8;
font-size:11px;
margin:1px;
}
En firefox todo tiene estilo, pero en IE, los select no guardan el
estilo.
¿Hay alguna forma de que esto funcione en IE?
Se siente pero va a ser que no. IE pinta el background _debajo_ del
widget. Está ahí, pero no se ve :(
Salud.
--
Choan Gálvez
[EMAIL PROTECTED]
http://choangalvez.nom.es/
___
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] Imagen no alineada
En/na Cubells ha escrit: En/na NetVicious ha escrit: mmm, prueba a ver si es tema de margenes del div sidebar, que seguramente el IE le meta más margen por algún sitio y entonces te desborda por la derecha. Resuelto!! Era 1px del header que arrastrava consigo a la imagen de fondo de la pàgina en el iexplorer... Gracias NetVicious... ___ 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] imagen con float dentro de un div
Hola, Si pones al div que contiene la imagen flotante con un float lo solucionas -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jose Jiménez López Enviado el: jueves, 24 de mayo de 2007 11:28 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] imagen con float dentro de un div Hola, tengo una duda desde hace algún tiempo que todavía no he sabido solucionar. Cuando dentro de un div, meto una imagen con la propiedad float, para que quede a un lado del texto, si la imagen es más alta que el texto, en internet explorer la imagen sobresale por debajo del div (en firefox se muestra correctamente). Como puedo solucionar esto sin tener que darle al div un alto mínimo. Espero haberme expresado bien. Gracias. Un saludo. -- Jose Jiménez López [EMAIL PROTECTED] ___ 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] Imagen no alineada
Hola Cubells, El viernes, 25 may 2007 a las 07:39, escribiste: He googleado intentando buscar un hack, y he probado distintas opciones sin éxito (position: relative; margin: 0 auto; display: block...) Dónde me equivoco?? Saludos y gracias de entemano! mmm, prueba a ver si es tema de margenes del div sidebar, que seguramente el IE le meta más margen por algún sitio y entonces te desborda por la derecha. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] imagen con float dentro de un div
Hola, tengo una duda desde hace algún tiempo que todavía no he sabido solucionar. Cuando dentro de un div, meto una imagen con la propiedad float, para que quede a un lado del texto, si la imagen es más alta que el texto, en internet explorer la imagen sobresale por debajo del div (en firefox se muestra correctamente). Como puedo solucionar esto sin tener que darle al div un alto mínimo. Espero haberme expresado bien. Gracias. Un saludo. -- Jose Jiménez López [EMAIL PROTECTED] ___ 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] imagen con float dentro de un div
Jose Jiménez López escribió:
Hola,
tengo una duda desde hace algún tiempo que todavía no he sabido solucionar.
Cuando dentro de un div, meto una imagen con la propiedad float, para que
quede a un lado del texto, si la imagen es más alta que el texto, en
internet explorer la imagen sobresale por debajo del div (en firefox se
muestra correctamente).
Como puedo solucionar esto sin tener que darle al div un alto mínimo.
Firefox lo hace bien, pero el comportamiento es al contrario, como la
imagen flota desborda el contenedor padre y sobresale por debajo.
Si lo que quieres es que esto no ocurra:
|.clearfix:after {content: .; display:block; height:0; clear:both;
visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {display:block;} /* End hide
from IE-mac */
y en el html
dic class=clearfiximg /.../div
|
--
Saludos -=stripTM=-
___
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] Imagen no alineada
Hola lista: Es la primera vez que hablo en la lista aunque siempre he estado escuchando, intentando aprender. Ahora mismo tengo un problema en el diseño de una página que supongo será trivial pero que no consigo ver dónde está el error. Debe ser que estoy espeso. El problema es que la imagen de fondo para crear un marco en iexplorer 5x i iexplorer 6x (no he probado 7x) no quedan alineados de manera que queda bastante feo. Con el ffox ningún problema, todas las imágenes quedan alineadas y el marco sale perfecto... He googleado intentando buscar un hack, y he probado distintas opciones sin éxito (position: relative; margin: 0 auto; display: block...) Dónde me equivoco?? Saludos y gracias de entemano! La página para que veáis a qué me refiero: http://www.vcubells.net/ampa/ Saludos! ___ 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] Imagen en SUBMIT
Reynier Perez Mira escribió: Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Si es posible, una técnica común es establecerle una imagen de fondo, hacer que se comporte como una caja (display: block; float: left; width: 50px; height: 20px;) para poder darle un tamaño que coincida con el de la imagen y el texto propio del botón ocultarlo con un font-size: 1px; text-ident: -100em; -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
Sólo un apunte, el input type=image se comporta exactamente igual que el botón type=submit en un formulario. El día 11/03/07, stripTM [EMAIL PROTECTED] escribió: Reynier Perez Mira escribió: Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Si es posible, una técnica común es establecerle una imagen de fondo, hacer que se comporte como una caja (display: block; float: left; width: 50px; height: 20px;) para poder darle un tamaño que coincida con el de la imagen y el texto propio del botón ocultarlo con un font-size: 1px; text-ident: -100em; -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
SkuNk escribió: Sólo un apunte, el input type=image se comporta exactamente igual que el botón type=submit en un formulario. Bueno, además manda un par de parametros x e y indicando la coordenada donde se hizo clic. -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso, ya dije que no estaba totalmente seguro... :P Yo siempre pongo los submit como solo texto, con lo cual... :) Saludos, eRNieB ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Confusión total: CSS (Hojas de Estilo en Cascada) es, como su nombre lo
indica: estilos. Lo de cascada es alusivo a herencia. En cambio, un
botón de submit, es un objeto. En otro idioma: la Biblia junto al
calefón (Enrique Santos Discépolo).
Es aquella vieja discusión de forma y contenido. En este caso, un objeto
llamado BUTTON, de otro llamado FORM, son elementos de construcción
inherentes a la forma, y los estilos, vendrían a ser los adornos de esa
forma.
De todos modos, yo he hecho esto:
html
head
titleRarito/title
style
.imagen {background: white url(enviar.gif) no-repeat fixed top left; width:
100px; height: 25px; padding: 0px; margin: 0px; border: solid 0px red}
button {border: solid 0px black; width: 100px; height: 25px; padding: 0px;
margin: 0px}
/style
/head
body
Cambiar de 0px a 1px en los estilos y observar comportamientos en Explorer,
Firefox,
Opera, Konkeror y oros. También puede cambiarse 100px por 106px y 25px
por 31px y observar comportamientos.
form
button type=submit
div class=imagennbsp;/div
/button
input type=text name=texto
/form
/body
/html
...pero es muy complejo y cada navegador interpreta lo que le parece.
Explorer sí nos muestra lo que, al menos, es nuestra intención.
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: Ernesto Frías [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, March 10, 2007 9:30 AM
Subject: Re: [Ovillo] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso,
ya dije que no estaba totalmente seguro... :P
Yo siempre pongo los submit como solo texto, con lo cual... :)
Saludos,
eRNieB
¡Qué javascript ni que la pepa!
form
button type=submit
img src=enviar.gif width=100 height=15
/button
input type=text
/form
Creo recordar que la pregunta especificaba usando CSS
___
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] Imagen en SUBMIT
Es verdad... Pero la respuesta no iba dirigida a tí en particular sino a aquellos que suponen el uso de Javascript... :) Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Ernesto Rodríguez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, March 10, 2007 8:51 AM Subject: Re: [Ovillo] Imagen en SUBMIT ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Salu2 y gracias por adelantado ___ 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] Imagen en SUBMIT
Si no me equivoco, sin tirar de Javascript no. De todas formas no pondria la mano en el fuego, pero ya te digo que me suena que hay que tirar de Javascript. Saludos, Ernestp ___ 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] [OVILLO] - Imagen con borde...
Buenos dias gente, estoy intentando meter una foto y la quiero poner un borde alredoredor de ella y tambien un pie de foto. Y me ocurre que consigo ajustar el alto del div pero no el ancho, si pongo el ancho de la foto pues si sale, pero claro quiero hacerlo para cualquier tamaño de foto y lo del weight: auto, no me va bien. Es posible? Muchas gracias gente! ciao ___ 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] [OVILLO] - Imagen con borde...
ponle el borde a la imagen y no al div __ Jose A. Alvarez Laurnaga CONSULTOR CX-MET Administración Pública Tel.: 91 80 79 684 / Ext.: 684 -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Oscar martinez novoa Enviado el: viernes 2 de marzo de 2007 11:05 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OVILLO] - Imagen con borde... Buenos dias gente, estoy intentando meter una foto y la quiero poner un borde alredoredor de ella y tambien un pie de foto. Y me ocurre que consigo ajustar el alto del div pero no el ancho, si pongo el ancho de la foto pues si sale, pero claro quiero hacerlo para cualquier tamaño de foto y lo del weight: auto, no me va bien. Es posible? Muchas gracias gente! ciao ___ 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] [OVILLO] - Imagen con borde...
eso era... gracias
el miedo que tenia era de ponerlo en el html y em fallara..
muuuchas gracias
:)
El día 2/03/07, carlos campderrós [EMAIL PROTECTED]
escribió:
On 3/2/07, Oscar martinez novoa [EMAIL PROTECTED] wrote:
pero se pues de meter un img src=?? y que sea accesible??
no se fastidiaria?
Esa imagen, es de contenido o decorativa? Si es contenido, debe ir en en
el
html y no hay problema de accesibilidad (siempre que pongas su alt
correspondiente). Y el border se lo pones por css. Y si es decorativa,
ponla
de background en algún div. Pero por lo que me parece según has comentado,
debería aparecer en el html.
html:
div id=aqui_dentro_van_imagenes
img src=... alt=descripcion imagen
/div
css:
#aqui_dentro_van_imagenes img {
border: solid 2px red;
}
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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] imagen flotante entre dos columnas
Hola NetVicios, Lo puse con posicion absoluta y tengo el problema que me dices. En mozilla se ve todo bien :D, y en ei (como siempre :() se coloca abajo de todas las capas. Intente con z-index sacarlo, pero no me deja. Como puedo solusionarlo? __ Maria ___ 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] [OVILLO] - Imagen con borde...
Y si no usas img src= qué está usando para cargar la imagen??? Y de dónde has sacado que usar img src= va encontra de la acceseibilidad - Mensaje original De: Oscar martinez novoa [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: viernes, 2 de marzo, 2007 10:38:51 Asunto: Re: [Ovillo] [OVILLO] - Imagen con borde... pero se pues de meter un img src=?? y que sea accesible?? no se fastidiaria? gracias. El día 2/03/07, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: ponle el borde a la imagen y no al div __ Jose A. Alvarez Laurnaga CONSULTOR CX-MET Administración Pública Tel.: 91 80 79 684 / Ext.: 684 -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Oscar martinez novoa Enviado el: viernes 2 de marzo de 2007 11:05 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OVILLO] - Imagen con borde... Buenos dias gente, estoy intentando meter una foto y la quiero poner un borde alredoredor de ella y tambien un pie de foto. Y me ocurre que consigo ajustar el alto del div pero no el ancho, si pongo el ancho de la foto pues si sale, pero claro quiero hacerlo para cualquier tamaño de foto y lo del weight: auto, no me va bien. Es posible? Muchas gracias gente! ciao ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] imagen flotante entre dos columnas
ok, me habeis dado algunas ideas, en especial el tema del clear que no conocía su uso. Ya veis, nerd al poder :P. Un saludo y gracias. On 2/26/07, NetVicious [EMAIL PROTECTED] wrote: Vamos a ver. La posición absoluta y relativa es siempre con respecto al padre del elemento que estamos posicionando. Simplemente que la absoluta no entra en el flujo del documento y la relativa sí. Es decir con una relativa y con un clear puedes hacer que el texto de otro div al mismo nivel no se ponga encima del primer div relativo. Esto con la posición absoluta no se puede hacer. El domingo, 25 feb 2007 a las 09:16, escribiste: yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
buenos dias, yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? Gracias, un saludo. On 2/24/07, NetVicious [EMAIL PROTECTED] wrote: Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
Si no mal interpreto el hilo dice claramente entre dos columnas no encima de dos columnas. Si colocas una imagen centrada encima de dos columnas, lógicamente parte de las dos columnas no se verán, por lo que colocar encima (z-index) no es funcional. Creo que lo mas aceptable y que se ajusta mas a la solución es la que proporciono alguien de las lista. Ver imagen ejemplo. http://img161.imageshack.us/img161/5590/imagech2cyv0.gif Un cordial saludo de SantosVZ -Mensaje original- De: Alejandro Moreno [mailto:[EMAIL PROTECTED] Enviado el: Domingo, 25 de Febrero de 2007 04:17 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] imagen flotante entre dos columnas buenos dias, yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? Gracias, un saludo. On 2/24/07, NetVicious [EMAIL PROTECTED] wrote: Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] imagen flotante entre dos columnas
Mira estos ejemplos, quizá te puedan dar una idea http://www.cssplay.co.uk/menu/embed.html http://www.cssplay.co.uk/menu/flow.html Saludos Nacho Juan José Montes de Oca Arbós escribió: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? El día 22/02/07, [EMAIL PROTECTED] [EMAIL PROTECTED] escribió: Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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] imagen flotante entre dos columnas
Hola María, googleando encontré esto:
style
.columna {
width: 40%;
float: left;
font-family:verdana, arial, helvetica, sans-serif;
text-align: justify;
padding: 10px;
}
.hueco {
height: 5em;
width: 1px;
}
.centro {
width: 130px;
height: 160px;
margin-top: 1em;
margin-bottom: 1em;
}
#columnaizq .centro {
margin-right: -75px;
margin-left: 10px;
float: right;
clear: right;
}
#columnaizq .hueco {
float: right;
clear: right;
}
#columnader .centro {
margin-left: -75px;
margin-right: 10px;
float: left;
clear: left;
}
#columnader .hueco {
float: left;
clear: left;
}
body
div class=columna id=columnaizq
div class=hueco/div
img class=centro
src=http://members.aol.com/jayventura/rd/chavon.gif;
p
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel willum
lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
/p
p
Li Europan lingues es membres del sam familie. Lor separat existentie
es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam
vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li
plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca:
on refusa continuar payar custosi traductores. It solmen va esser necessi far
uniform grammatica, pronunciation e plu sommun paroles.
/p
/div
div class=columna id=columnader
div class=hueco/div
img class=centro
src=http://members.aol.com/jayventura/rd/chavon.gif;
p
Li Europan lingues es membres del sam familie. Lor separat existentie
es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam
vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li
plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca:
on refusa continuar payar custosi traductores. It solmen va esser necessi far
uniform grammatica, pronunciation e plu sommun paroles.
/p
p
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel willum
lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
/p
/div
[EMAIL PROTECTED] escribió:
Hola amigos:
Necesito hacer una maquetacion de este estilo:
-| |--
-| |--
-
-
-
Explicando:
Tengo dos columnas de texto una con float: left y la otra con float:
right. Eso me da lo siguiente:
--
--
--
--
--
Ahora:
el problema es que tengo que ingresar una imagen entre ambas, debe empezar
a la mitad de una columna y terminar en la mitad de la otra columna.
Espero que me comprendan y puedan ayudarme.
___
Maria
___
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] imagen flotante entre dos columnas
Supongo que quieres decir encima de ambas y no entre ambas. La mitad sobre una y la otra mitad sobre la otra ¿Correcto? Un cordial saludo de SantosVZ -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 22 de Febrero de 2007 06:40 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] imagen flotante entre dos columnas Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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] imagen flotante entre dos columnas
La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? El día 22/02/07, [EMAIL PROTECTED] [EMAIL PROTECTED] escribió: Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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 -- Juan José Montes de Oca Arbós. ___ 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] imagen de fondo
salud; prueba a darle a la capa un ancho y alto fijos, que se correspondan con el tamaño real de la imagen. ___ 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] imagen de fondo
no te retires hombre, que para casi todo hay solución. incluso sin el casi...jeje si se te solapa el div que viene justo debajo, prueba a moverlo. posiciónalo relativamente y modifica sus coordenadas, en este caso te bastará con la propiedad top supongo. ___ 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] imagen de fondo
Vale, voy a intentarlo. Muchas gracias de nuevo. From: sn [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] imagen de fondo Date: Fri, 9 Feb 2007 13:55:09 +0100 no te retires hombre, que para casi todo hay solución. incluso sin el casi...jeje si se te solapa el div que viene justo debajo, prueba a moverlo. posiciónalo relativamente y modifica sus coordenadas, en este caso te bastará con la propiedad top supongo. ___ 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 _ Acepta el reto MSN Premium: Protección para tus hijos en internet. Descárgalo y pruébalo 2 meses gratis. http://join.msn.com?XAPID=1697DI=1055HL=Footer_mailsenviados_proteccioninfantil ___ 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] imagen de fondo
Prueba ponerle un overflow: hidden; para que te coja la altura auque no tenga contenido - Mensaje original De: hugo sierra [EMAIL PROTECTED] Para: ovillo@lists.ovillo.org Enviado: viernes, 9 de febrero, 2007 13:50:08 Asunto: Re: [Ovillo] imagen de fondo Ya he probado a darle el tamaño de la imagen, pero lo que me pasa es que el div que viene justo debajo se monta encima. He logrado separarlos con la altura absoluta, pero ahora no veo la imagen entera en vertical. Muchas gracias de todos modos. A ver si hay alguna otra solución o me retiro. jeje. From: sn [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] imagen de fondo Date: Fri, 9 Feb 2007 13:45:51 +0100 salud; prueba a darle a la capa un ancho y alto fijos, que se correspondan con el tamaño real de la imagen. ___ 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 _ ¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en MSN Motor. http://motor.msn.es/researchcentre/ ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] imagen de fondo
Mil gracias Rafa. Funciona. ;) From: Rafa Quesada [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] imagen de fondo Date: Fri, 9 Feb 2007 13:00:00 + (GMT) Prueba ponerle un overflow: hidden; para que te coja la altura auque no tenga contenido - Mensaje original De: hugo sierra [EMAIL PROTECTED] Para: ovillo@lists.ovillo.org Enviado: viernes, 9 de febrero, 2007 13:50:08 Asunto: Re: [Ovillo] imagen de fondo Ya he probado a darle el tamaño de la imagen, pero lo que me pasa es que el div que viene justo debajo se monta encima. He logrado separarlos con la altura absoluta, pero ahora no veo la imagen entera en vertical. Muchas gracias de todos modos. A ver si hay alguna otra solución o me retiro. jeje. From: sn [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] imagen de fondo Date: Fri, 9 Feb 2007 13:45:51 +0100 salud; prueba a darle a la capa un ancho y alto fijos, que se correspondan con el tamaño real de la imagen. ___ 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 _ ¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en MSN Motor. http://motor.msn.es/researchcentre/ ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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 _ ¿Estás pensando en cambiar de coche? Todas los modelos de serie y extras en MSN Motor. http://motor.msn.es/researchcentre/ ___ 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] Imagen que desborda un div
Hola a [EMAIL PROTECTED],
En primer lugar tengo que decir que he estado mirando este problema en el
archivo de mensajes de esta lista y aunque hay gente que tuvo este mismo
problema las soluciones que les funcionaron a ellos a mi no me funcionan. Debo
estar obcecado...
La cosa es que tengo una imagen flotada a la izquierda dentro de una capa que
cuando el texto que la acompaña ocupa menos espacio que la altura de la imagen
hace que esta se desborde por encima de la capa.
El código HTML es el siguiente:
div id=cuadrogrupoweb
div class=grupoweb
img src=images/noticia_grupoweb.jpg /
h4Título de la noticia/h4
pDescripción corta de la noticia/p
/div
div class=masinfoMaacute;s Informacioacute;n/div
/div
El código CSS es el siguiente:
.grupoweb { background-color:#F2FEF2; border-right:5px solid #006500;
padding:8px; margin-top:25px; }
.grupoweb h4 { color:#FFC300; font-size:1em; margin:0 0 3px 0; }
.grupoweb p { color:#666; font-size:0.85em; margin:0px; line-height:1.5em; }
.grupoweb img { float:left; display:block; border:0; margin:0 3px 3px 0; }
.masinfo { clear:both; }
Un saludo,
Nacho
___
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] Imagen que desborda un div
Nacho:
Este es tu código original:
div id=cuadrogrupoweb
div class=grupoweb
img src=images/noticia_grupoweb.jpg /
h4Título de la noticia/h4
pDescripción corta de la noticia/p
/div
div class=masinfoMaacute;s Informacioacute;n
/div
/div
para que la imagen no desborde te recomiendo el siguiente cambio:
div id=cuadrogrupoweb
div class=grupoweb
img src=images/noticia_grupoweb.jpg /
h4Título de la noticia/h4
pDescripción corta de la noticia/p
/div
br class=masinfo /
divMaacute;s Informacioacute;n
/div
/div
Fijate que te saqué el class=masinfo del div y te lo puse en un br /.
Ojo que el BR lo cerrás con la barra si estás trabajando con xhtml.
Espero te sirva
Saludos.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Enviado el: Miércoles, 11 de Octubre de 2006 08:16
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Imagen que desborda un div
Hola a [EMAIL PROTECTED],
En primer lugar tengo que decir que he estado mirando este problema en el
archivo de mensajes de esta lista y aunque hay gente que tuvo este mismo
problema las soluciones que les funcionaron a ellos a mi no me funcionan.
Debo estar obcecado...
La cosa es que tengo una imagen flotada a la izquierda dentro de una capa
que cuando el texto que la acompaña ocupa menos espacio que la altura de la
imagen hace que esta se desborde por encima de la capa.
El código HTML es el siguiente:
div id=cuadrogrupoweb
div class=grupoweb
img src=images/noticia_grupoweb.jpg / h4Título de la noticia/h4
pDescripción corta de la noticia/p /div div
class=masinfoMaacute;s Informacioacute;n/div /div
El código CSS es el siguiente:
.grupoweb { background-color:#F2FEF2; border-right:5px solid #006500;
padding:8px; margin-top:25px; }
.grupoweb h4 { color:#FFC300; font-size:1em; margin:0 0 3px 0; }
.grupoweb p { color:#666; font-size:0.85em; margin:0px;
line-height:1.5em; }
.grupoweb img { float:left; display:block; border:0; margin:0 3px 3px 0;
}
.masinfo { clear:both; }
Un saludo,
Nacho
___
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
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/471 - Release Date: 10/10/2006
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.408 / Virus Database: 268.13.2/471 - Release Date: 10/10/2006
___
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] imagen - IE5 y Netscape
Pienso que tu problema se soluciona creando otra hoja de estilo para IE5, la mayoria de diseñadores que conosco, ponen dentro del html una condicional para jalar una hoja de estilo especificamente para IE. Este articulo te puede ser muy util http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie Saludos 2006/9/28, laura [EMAIL PROTECTED]: hola de nuevo, he encontrado el menu de mi web, jeje, se situa my lejos de donde debe aparecer, unos 700px a la derecha de donde lo he puesto yo. Creo que directamente lo q hace IE5 es sumar el ancho del otro div que hay en su misma caja y acoplarse al lado. Como lo soluciono? Estoy probando a poner en la caja del menu valores para left negativos y grandisimos, consiguiengo q se situe donde quiero, peroo solo para ie5 y eso no me sirve de nada, vale la pena q ponga un hack? o hay otra explicacion para esto q me ocurre? (el css y el html los envié en el mail anterior, creo q ha llegado, sino lo veis, avisad) Gracias de nuevo On 9/28/06, laura @gmail.com wrote: hola! estoy haciendo una web tipica de cabezal, menu contenido, y pie, se ve perfecta en muchos navegaderes. Pero en Ie5 no aparece ni el menu (hecho con css) ni la imagen que está contenida en el texto. Os pasaria el link donde trabajo, pero es local... asi que si os pongo el codigo html i el css: (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
Re: [Ovillo] imagen - IE5 y Netscape
hola gracias por el link y el interés :)) , lo he mirado hace un rato y me parece muy interesante, probablemente lo use si no veo q se puede solucionar d otro modo. De momento sigo dandole vueltas al tema, se aceptan sugerencias y comentarios On 9/28/06, Wilsson Manuel Sanchez Requena @gmail.com wrote: SI no te aparece nada en el link que te mande, debe de estar mal el sitio, pero aca tienes la misma informacion sacado del cache de google: ___ 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] imagen en encabezado del blog
Buenos días, Estoy modificando el tema de un blog. El blog ahora lo tengo así: http://goldenapples.ueuo.com/. Mi idea es la de sustituir el etceteraweb en texto del encabezado por una imagen-logo que he hecho. Me gustaría saber qué parte tengo que modificar para que esto sea posible. Muchas gracias, Marina. ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] imagen que sea un enlace
Hola lista!! Se que esto puede ser una pregunta un poco chorra, pero despues de googlear, no encuentro la solucion, quisiera hacer que una imagen sea un enlace, pero no quiero hacr un rollover, antes he leido que se hacian con map, lo he mirado y se hacian mas o menos asi: img src=web_diptic.png alt=nueva longdesc=nueva border=0 usemap=#Map / map name=Map area shape=rect coords=591,359,632,372 href=diptic.ath.cx/form.php /map el caso es que esto no se si se puede hacer con css...y ademas creo que funcionaba bien si querias que una parte de una imagen fuese un enlace, este no es mi caso... Espero haberme explicado + o - bien, gracias de antemano, y gracias tb porq aprendemos mucha gente mucho de todas las conversaciones que salen de esta lista. Agur ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen que sea un enlace
No estoy seguro,pero creo que debes enfocarlo de otra forma. Más bien es un enlace que contiene una imágen no? -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de rfx Enviado el: viernes, 14 de julio de 2006 13:39 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] imagen que sea un enlace Hola lista!! Se que esto puede ser una pregunta un poco chorra, pero despues de googlear, no encuentro la solucion, quisiera hacer que una imagen sea un enlace, pero no quiero hacr un rollover, antes he leido que se hacian con map, lo he mirado y se hacian mas o menos asi: img src=web_diptic.png alt=nueva longdesc=nueva border=0 usemap=#Map / map name=Map area shape=rect coords=591,359,632,372 href=diptic.ath.cx/form.php /map el caso es que esto no se si se puede hacer con css...y ademas creo que funcionaba bien si querias que una parte de una imagen fuese un enlace, este no es mi caso... Espero haberme explicado + o - bien, gracias de antemano, y gracias tb porq aprendemos mucha gente mucho de todas las conversaciones que salen de esta lista. Agur ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen que sea un enlace
No entiendo que es lo que quieres hacer pero una imagen como enalce seria: a href=#img src= border=0 //a si es lo q quieres en el href pones el link que quieres que abra y en el src el camino de la imagen el border=0 es para que qno te ponga el marco del enlace - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen que sea un enlace
Si tienes razon, pero espero que aun asi se haya entendido lo que quiero hacer. He probado a hacerlo con img src= y lo he validado y va perfecto, pensaba que al llamar a la imagen desde el html no validaria bien, cosas de novato autodidacta, sorry.. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen que sea un enlace
No te disculpes que todos hemos aprendido paso a paso, animo veras que con la practica se allana el camino saludos rfx [EMAIL PROTECTED] escribió: Si tienes razon, pero espero que aun asi se haya entendido lo que quiero hacer. He probado a hacerlo con y lo he validado y va perfecto, pensaba que al llamar a la imagen desde el html no validaria bien, cosas de novato autodidacta, sorry.. ___ 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://ovillo.org/mailman/listinfo/ovillo - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] imagen que sea un enlace
nicolas carrera escribió:
No entiendo que es lo que quieres hacer pero una imagen como enalce seria:
a href=#img src= border=0 //a
si es lo q quieres en el href pones el link que quieres que abra y en el src
el camino de la imagen el border=0 es para que qno te ponga el marco del
enlace
Estando en una lista de css sobra lo del border ;-)
a href=#img src= //a
y en el css:
a img {border: 0;}
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen que se ajuste al div que la contiene
On 7/11/06, Rafael Pastrana Añorve [EMAIL PROTECTED] wrote:
Mi intensión es que la imagen que yo coloque, independientemente del tamaño
de la imagen, se ajuste al div que la contiene.
Adventencia: Estoy hablando sin probar.
Suponiendo que el DIV tenga un ancho definido (cualquier cosa
diferente a auto), creo que podrías usar img {width:100%,
height:100%;}
Para no ser chapucero, lo que deberías hacer es tener todas las imágenes al
mismo tamaño y estaría solucionado el problema. Si son de distinto tamaño
por fuerza mayor, utiliza un lenguaje de servidor para ponerlas al mismo
tamaño antes de cargarlas, y si ya de paso las cacheas, no será necesario
generarlas en cada carga.
No sé si os habéis fijado, pero cuando es el navegador el encargado de
redimensionar la imagen, el resultado es bastante pobre, aparte de que si
las imágenes son grandes, estás obligando al usuario a esperar más de lo
necesario y además consumes más ancho de banda...
Suerte
Eva
___
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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imagen que se ajuste al div que la contiene
Hola a todos!
Actualmente me encuentro desarrollando una página web utilizando hojas de
estilo.
Mi problema se encuentra al tratar de poner una imagen en un div que lo
definí de la siguiente manera:
#caja #blanca {
background-color:#fff;
height:auto;
width:auto;
border:1px solid #FFC0CB;
}
img, #caja img {
border:0;
margin-right:4px;
margin-left:4px;
z-index:0;
}
Mi intensión es que la imagen que yo coloque, independientemente del tamaño
de la imagen, se ajuste al div que la contiene.
El código que tengo en el HTML es el siguiente:
div id=caja
div id=blanca
img src=img/FotoMaestria.jpg
/div
/div
Lo podría poner creo, con un div absoluto, pero lamentablemente no puedo
ponerlo como absoluto ya que está contenido en un div que tiene a su vez dos
más, uno alineado a la izquierda y otro a la derecha
Ojala pudieran ayudarme.
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo + color de fondo
Reynier Perez Mira escribió:
Bueno no se si es la mejor forma pero encontré una forma de solucionarlo. El
hecho es que como todo está metido dentro de un contenedor entonces le puse
el color de fondo a este blanco y así ya todo lo que no tenga nada de imagen
de fondo o algo por el estilo me toma el color blanco.
#contenedor {
width: 760px; /* Para navegadores Opera */
\width: 760px; /* Para IE se agrega el padding y el border */
w\idth: 760px; /* Cualquier otro navegador estndar */
text-align: left; /* alnea a la izquierda nuevamente*/
margin: 0 auto; /* para centrar en navegadores modernos */
background-color: #FF;
}
¿Por qué metes los 3 width? ¿No te basta con ponerlo una sola vez?
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo + color de fondo
En algun lado, no recuerdo exactamente donde, lei que se debían poner los 3
para solucionar problemas entre los navegadores. Esta incorrecto ?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de stripTM
Enviado el: Monday, June 26, 2006 12:16 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Imagen de fondo + color de fondo
Reynier Perez Mira escribió:
Bueno no se si es la mejor forma pero encontré una forma de solucionarlo. El
hecho es que como todo está metido dentro de un contenedor entonces le puse
el color de fondo a este blanco y así ya todo lo que no tenga nada de imagen
de fondo o algo por el estilo me toma el color blanco.
#contenedor {
width: 760px; /* Para navegadores Opera */
\width: 760px; /* Para IE se agrega el padding y el border */
w\idth: 760px; /* Cualquier otro navegador estndar */
text-align: left; /* alnea a la izquierda nuevamente*/
margin: 0 auto; /* para centrar en navegadores modernos */
background-color: #FF;
}
¿Por qué metes los 3 width? ¿No te basta con ponerlo una sola vez?
--
Saludos -=stripTM=-
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo + color de fondo
Tú mismo te puedes responder leyendo tus propios comentarios junto a
los 3 widhts. Ya que #contenedor no tiene ni border ni padding, no
necesitas definir un ancho para cada navegador, ya que el problema de
caja del IE no lo vas a sufrir, donde el padding y el border son
añadidos al ancho.
El 26/06/2006, a las 21:59, Reynier Perez Mira escribió:
En algun lado, no recuerdo exactamente donde, lei que se debían
poner los 3 para solucionar problemas entre los navegadores. Esta
incorrecto ?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo
y la estupidez humana. Y del Universo no estoy seguro.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de stripTM
Enviado el: Monday, June 26, 2006 12:16 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Imagen de fondo + color de fondo
Reynier Perez Mira escribió:
Bueno no se si es la mejor forma pero encontré una forma de
solucionarlo. El hecho es que como todo está metido dentro de un
contenedor entonces le puse el color de fondo a este blanco y así
ya todo lo que no tenga nada de imagen de fondo o algo por el
estilo me toma el color blanco.
#contenedor {
width: 760px; /* Para navegadores Opera */
\width: 760px; /* Para IE se agrega el padding y el border */
w\idth: 760px; /* Cualquier otro navegador estndar */
text-align: left; /* alnea a la izquierda nuevamente*/
margin: 0 auto; /* para centrar en navegadores modernos */
background-color: #FF;
}
¿Por qué metes los 3 width? ¿No te basta con ponerlo una sola vez?
--
Saludos -=stripTM=-
___
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://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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imagen de fondo + color de fondo
Hola lista:
Necesito poner una imagen de cabecera en un sitio pero esta no me ocupa
el espacio horizontal total (760px), entonces lo que quiero saber si se
puede hacer es poner la imagen de fondo y luego ese mismo DIV tener un
color de fondo. He probado de estas dos formas:
#cabecera {
background-image: url(../images/cabecera/grmnet_r1_c1.gif);
background-color: #FF;
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
#cabecera {
background: #FF url(../images/cabecera/grmnet_r1_c1.gif);
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
Alguna idea?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo + color de fondo
prueba
background: #fff url(../images/cabecera/grmnet_r1_c1.gif) no-repeat;
El 25/06/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
Hola lista:
Necesito poner una imagen de cabecera en un sitio pero esta no me ocupa
el espacio horizontal total (760px), entonces lo que quiero saber si se
puede hacer es poner la imagen de fondo y luego ese mismo DIV tener un
color de fondo. He probado de estas dos formas:
#cabecera {
background-image: url(../images/cabecera/grmnet_r1_c1.gif);
background-color: #FF;
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
#cabecera {
background: #FF url(../images/cabecera/grmnet_r1_c1.gif);
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
Alguna idea?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo + color de fondo
Bueno no se si es la mejor forma pero encontré una forma de solucionarlo. El
hecho es que como todo está metido dentro de un contenedor entonces le puse el
color de fondo a este blanco y así ya todo lo que no tenga nada de imagen de
fondo o algo por el estilo me toma el color blanco.
#contenedor {
width: 760px; /* Para navegadores Opera */
\width: 760px; /* Para IE se agrega el padding y el border */
w\idth: 760px; /* Cualquier otro navegador estndar */
text-align: left; /* alnea a la izquierda nuevamente*/
margin: 0 auto; /* para centrar en navegadores modernos */
background-color: #FF;
}
Si existe una solución mejor y mucho más limpia, digo yo, me lo hacen saber. De
todas formas muchas gracias Santiago por tu respuesta.
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Santiago Flores
Enviado el: Sunday, June 25, 2006 8:34 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Imagen de fondo + color de fondo
prueba
background: #fff url(../images/cabecera/grmnet_r1_c1.gif) no-repeat;
El 25/06/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
Hola lista:
Necesito poner una imagen de cabecera en un sitio pero esta no me ocupa
el espacio horizontal total (760px), entonces lo que quiero saber si se
puede hacer es poner la imagen de fondo y luego ese mismo DIV tener un
color de fondo. He probado de estas dos formas:
#cabecera {
background-image: url(../images/cabecera/grmnet_r1_c1.gif);
background-color: #FF;
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
#cabecera {
background: #FF url(../images/cabecera/grmnet_r1_c1.gif);
left: inherit;
top:inherit;
width: 562px;
height: 97px;
}
Alguna idea?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen de fondo con no-repeat que se repite
Gracias Alejandro,
siento decirte que la solución que proponías no funciona. La solución
llegó por otro camino totalmente inesperado. En realidad es como para
no creérselo y no puedo evitar compartirla
En realidad no le estaba poniendo fondo a los divs interiores, sino a
las etiquetas p del texto sobre el que estaban (¿?). La solución:
aplicar un margin-bottom a esos p distinto de cero, que era el que yo
tenía, y de ese modo los fondos intrusos desaparecen. Lo que todavía no
ha desaparecido es mi perplejidad ante este extraño fenómeno. A mi modo
de ver esto escapa a cualquier lógica, aunque parece ser que este es el
modo de abordar los problemas de IE ;-) Si tenéis curiosidad por
comprobarlo, podéis comparar el antes y el después en estas dos
direcciones:
http://www.blanco-sg.com/elhuyar/zientziarenastea06/prueba_fotos.html
http://www.blanco-sg.com/elhuyar/zientziarenastea06/prueba_fotos2.html
Un saludo y gracias.
Juan Luis
El 29/05/2006, a las 22:17, Alejandro Lillo escribió:
Quiero maquetar una página con fotos y texto. Uso float:left o right
para posicionar las fotos a izquierda o derecha de la columna de texto
y que el texto fluya por el lado opuesto. Lo curioso es que cada vez
que inserto una foto se repite la imagen de fondo del div que los
contiene (solo en Explorer 6, el resto de navegadores va bien…). Esta
imagen de fondo tiene la propiedad no-repeat, y asi lo interpretan
todos los navegadores menos IE.
¿Os ha ocurrido alguna vez algo parecido? ¿Conocéis alguna solución?
Pues no, y no veo porqué, aunque tendría que revisar las webs de bugs
de IE a ver si es alguno en concreto. De primeras, probaría con esto
para intentar solucionarlo, ya que lo q está haciendo es ponerte fondo
a los div's interiores:
div.foto_dcha {
float:right;
margin:10px 5px 10px 10px;
background: none;
}
div.foto_izda {
float:left;
margin:10px 15px 10px 0px;
background: none;
}
A ver si así sorteas el problema.
--
Alejandro Lillo
www.nordic-design.net
___
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://ovillo.org/mailman/listinfo/ovillo
- - - - - - - - - - - - - - - - - - - - -
BLANCO soluzio grafikoak
Itzurun Zuhaitzbidea, 1-4º esk
20750 Zumaia
tel.: 943 86 24 00
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
