Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/03/2012, 08:53
merino_renato
Usuario no validado
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.231
Antigüedad: 13 años
Puntos: 228
Como "Flotar" los botones sociales con CSS

Hola a todos:

Disculpen si este no es el lugar para preguntar, pero ya busqué en el histórico del foro y nada, me gustaría poder poner una imagen a flotar y que mis botones sociales de facebook y google+1 se muevan o más bien que se queden fijos aunque se baje el scroll como en la siguiente web:

http://ciudadblogger.com/2011/07/botones-flotantes-para-compartir-de.html

Lo malo es que el código que puso es para un blog, ya googlee algo respecto a los float en css pero no me queda muy claro los pasos, tengo que poner en css algo y luego en el html, algun link o ayuda por aqui, por favor?

Solo encontré esto:

<div id="leftFloat">A left-floated div</div>
<div id="rightFloat">A right-floated div</div>

.
.
.

#leftFloat
{
float: left;
width: 100px;
}

#rightFloat
{
float: right;
width: 100px;
}


Rules to remember
If you want to have a right-floated box, you need to put the HTML for the

floated box before the non-floated content (not after as you might

expect).
In the original CSS version 2 spec you had to specify a width for all

floated elements (though the width could be relative, such as a percentage

width). In the new CSS2 spec, however, an explicit width is not required.
If you need to have content after a float that shouldn't run alongside the

float, use the clear property.


EJEMPLOS



<div style="float: right; width: 100px;">



Saludos y gracias por la ayuda