[Ovillo] Posicionar imagen vertical al texto
Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.comescribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Hola grupo yo este proceso de alineacion de imagenes verticalmentee referente a un texto lo hago con divs y propiedad display inline-block. me ha funcionado mejor From: reynie...@gmail.com Date: Wed, 1 Aug 2012 10:35:19 -0430 To: ovillo@lists.ovillo.org Subject: [Ovillo] Posicionar imagen vertical al texto Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g; alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Mira prueba esto, 1º elimina la etiqueta img y deja solo el span class=username 2º añade las siguientes reglas css a la .username { background: url( http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34r=g;) no-repeat scroll 0 2px; display: block; margin-top: 1px; padding-left:40px; } Espero que te sirva. A mi se me ve bien. El 1 de agosto de 2012 18:02, Jorge Gutierrez yeik...@gmail.com escribió: a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Esta opcion me mueve todo al top pero el texto no queda centrado verticalmente, fijate en el enlace de Cerrar sesion para que veas a q me refiero Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/8/1 Jorge Gutierrez yeik...@gmail.com a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Esta opcion no la puedo usar porque la imagen se genera dinamicamente no es algo estatico :( Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/8/1 Josué Miró josuem...@gmail.com Mira prueba esto, 1º elimina la etiqueta img y deja solo el span class=username 2º añade las siguientes reglas css a la .username { background: url( http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34r=g;) no-repeat scroll 0 2px; display: block; margin-top: 1px; padding-left:40px; } Espero que te sirva. A mi se me ve bien. El 1 de agosto de 2012 18:02, Jorge Gutierrez yeik...@gmail.com escribió: a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posicionar imagen vertical al texto
Con ese marcado yo le pondria un float:left a la img.gravatar, y despues un display:block, float:left al span hermano, y asi puedes mover el span a tu antojo. 2012/8/1 reynie...@gmail.com reynie...@gmail.com Esta opcion no la puedo usar porque la imagen se genera dinamicamente no es algo estatico :( Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/8/1 Josué Miró josuem...@gmail.com Mira prueba esto, 1º elimina la etiqueta img y deja solo el span class=username 2º añade las siguientes reglas css a la .username { background: url( http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34r=g ) no-repeat scroll 0 2px; display: block; margin-top: 1px; padding-left:40px; } Espero que te sirva. A mi se me ve bien. El 1 de agosto de 2012 18:02, Jorge Gutierrez yeik...@gmail.com escribió: a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Regards, Ignacio ___ 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] Posicionar imagen vertical al texto
Gracias Iñaki, a funcionado a la perfección pero me basto solo con flotar la imagen con clase gravatar a la izquierda y luego añadir margenes para centrarla verticalmente y separarla del texto. Algo así .gravatar{float:left;margin:3px} Saludos y gracias a todos por sus respuestas Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/8/1 Iñaki Romero murcial...@gmail.com Con ese marcado yo le pondria un float:left a la img.gravatar, y despues un display:block, float:left al span hermano, y asi puedes mover el span a tu antojo. 2012/8/1 reynie...@gmail.com reynie...@gmail.com Esta opcion no la puedo usar porque la imagen se genera dinamicamente no es algo estatico :( Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/8/1 Josué Miró josuem...@gmail.com Mira prueba esto, 1º elimina la etiqueta img y deja solo el span class=username 2º añade las siguientes reglas css a la .username { background: url( http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34r=g ) no-repeat scroll 0 2px; display: block; margin-top: 1px; padding-left:40px; } Espero que te sirva. A mi se me ve bien. El 1 de agosto de 2012 18:02, Jorge Gutierrez yeik...@gmail.com escribió: a href=http://comvivem.treswd.com/net/my-profile; img src= http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34amp;r=g alt=Gravatar class=gravatar span class=username style= vertical-align:top;Demo/span/a Prueba esto. Jorge G. El 1 de agosto de 2012 10:41, DJ-Dom soporten...@gmail.com escribió: Yo lo que veo un margin-top: -20px; aplicado a la clase ¨username¨... Revisa eso... El 1 de agosto de 2012 11:05, reynie...@gmail.com reynie...@gmail.com escribió: Hola lista, estoy teniendo un problemita en un maquetado y no logro encontrar que es lo que lo está provocando. Entren a http://comvivem.treswd.com/net/ e inicien sesión con demo/demo123 y vean en la barra superior donde dice Demo que hay una imagen al lado, que es lo que esta provocando que el texto se me vaya abajo y me rompa el maquetado? Llevo rato tratando de encontrarlo y no lo logro :( Saludos y gracias por adelantado PD: Necesito que me den un breve feedback de paso y lo muestren en varios navegadores, yo tengo Google Chrome y Firefox en Windows 7 y en Fedora 17 pero no he podido probarlos en otros, me ayudan? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Regards, Ignacio ___ 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