06/03/2012, 08:53
|
Usuario no validado | | Fecha de Ingreso: mayo-2011
Mensajes: 1.231
Antigüedad: 13 años, 6 meses 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 |