Foros del Web » Creando para Internet » CSS »

ayuda con mi footer

Estas en el tema de ayuda con mi footer en el foro de CSS en Foros del Web. hola de nuevo bueno aki dejo una imajen de lo que quiero lograr como se ve en la imagen quiero poner mis botones en esas ...
  #1 (permalink)  
Antiguo 06/10/2010, 21:03
Avatar de newmesis  
Fecha de Ingreso: octubre-2010
Ubicación: Chillán, Chile, Chile
Mensajes: 42
Antigüedad: 13 años, 6 meses
Puntos: 0
ayuda con mi footer

hola de nuevo bueno aki dejo una imajen de lo que quiero lograr




como se ve en la imagen quiero poner mis botones en esas posiciones dentro de mi pooter aki les dejo el css

Código:
#footer_widgets { clear: both; background: red; padding-top: 40px; height: 300px; }

#footer_widgets .block_b { float: left; width: 258px; background: url('images/block_b_h2.png') no-repeat; background-position: 0 39px; margin: 0 29px 0 34px; color: #adadad;}

#footer_widgets .block_b li { background: url('images/list_b.png') no-repeat; background-position: 5px 0; margin: 0 0 25px 0; padding-left: 30px; text-shadow: 1px 1px 1px #000; }

#footer_widgets a {color: #cccccc; text-decoration: none;}

#footer_widgets .block_b h2 { font-size: 2em; width: 258px; padding-left: 2px; margin: 0 0 32px 0; font-family: Century Gothic; color: #000; text-shadow: 1px 0px 1px #616161; font-weight: lighter; }


y aki mi html


Código HTML:
div id="footer_widgets">
<!-- boton hever -->




<div id="botonesfooter"><p class="face"><a href="http://www.facebook.com/pages/LeonMan/114789888974" target="_blank"</a></p>
</div>
<div id="botonesfooter2"><p class="twr"><a href="http://www.Twitter.Com/LeonMan88" target="_blank"</a></p>
</div> 
ojala me puedan entender y me puedan ayudar
  #2 (permalink)  
Antiguo 06/10/2010, 21:30
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 15 años, 8 meses
Puntos: 105
Respuesta: ayuda con mi footer

Amigo disculpa, pero no tuve tiempo de ver todo tu codigo, pero te ayudo en cuanto lo que veo de la imagen.....

Podrias obtener eso, con dos contenedores, dos imagenes en cada uno, a las imagenes ponerles un float: right; y por ultimo al segundo contenedor un clear: both;

Claro, agregandole tus detalles como paddings, margins, fondos, colores, entre otros.

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog

Etiquetas: footer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:56.