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: [email protected], reynier. <[email protected]>[email protected]
Skype: reynierpm
Mobile: +58 424.180.5609
2012/8/1 Iñaki Romero <[email protected]>
> 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 [email protected] <[email protected]>
>
> > Esta opcion no la puedo usar porque la imagen se genera dinamicamente no
> es
> > algo estatico :(
> >
> > Ing. Reynier Perez Mira
> > eMail: [email protected], reynier. <[email protected]>
> > [email protected]
> > Skype: reynierpm
> > Mobile: +58 424.180.5609
> >
> >
> >
> > 2012/8/1 Josué Miró <[email protected]>
> >
> > > 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=34&r=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 <[email protected]>
> > > escribió:
> > >
> > > > <a href="http://comvivem.treswd.com/net/my-profile";>
> > > > <img src="
> > > >
> > > >
> > >
> >
> http://www.gravatar.com/avatar/53444f91e698c0c7caa2dbc3bdbf93fc?s=34&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 <[email protected]>
> escribió:
> > > >
> > > > > Yo lo que veo un margin-top: -20px; aplicado a la clase
> > ¨username¨...
> > > > >
> > > > > Revisa eso...
> > > > >
> > > > > El 1 de agosto de 2012 11:05, [email protected] <
> > [email protected]
> > > > > >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: [email protected], reynier. <[email protected]>
> > > > > > [email protected]
> > > > > > Skype: reynierpm
> > > > > > Mobile: +58 424.180.5609
> > > > > > _______________________________________________
> > > > > > Lista de distribución Ovillo
> > > > > > Para escribir a la lista, envia un correo a
> > [email protected]
> > > > > > 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
> [email protected]
> > > > > 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 [email protected]
> > > > 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 [email protected]
> > > 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 [email protected]
> > 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
