Footer en varias partes
Buenas noches a todos
Tengo un problemilla, tengo en mi web un footer de 960px de ancho, y quiero dividirlo en 4 capas iguales, hasta aqui todo bien, pero al poner la segunda capa me la pone debajo de la primera y le tengo el float left y nada.
¿Me podríais ayudar?
Un saludo y muchisimas gracias
Tengo un problemilla, tengo en mi web un footer de 960px de ancho, y quiero dividirlo en 4 capas iguales, hasta aqui todo bien, pero al poner la segunda capa me la pone debajo de la primera y le tengo el float left y nada.
¿Me podríais ayudar?
Un saludo y muchisimas gracias
0
Puntos
Puntos
1302
Visitas
Visitas
5
Resp
Resp
Respuesta #1
Colocale un width a cada capa interna o le colocas a las capas esto en el CSS
display:inline-blockeso lo que hace es tomar el ancho del contenido que tienen dentro.
Respuesta #2
Buenas...
La capa tiene ya el width, pero sigue poniendolo debajo.
Saludos.
La capa tiene ya el width, pero sigue poniendolo debajo.
Saludos.
0
Puntos
Puntos
Respuesta #3
pon el código o deja una url que podamos verlo
saludos
saludos
0
Puntos
Puntos
Por alber hace 122 meses
Administrador
Respuesta #4
Buenas tardes
La web es http://cddonbosco.freeiz.com/
A ver si me podeis ayudar.
Saludos
La web es http://cddonbosco.freeiz.com/
A ver si me podeis ayudar.
Saludos
0
Puntos
Puntos
Respuesta #5
Si quieres que se vea así.. Imagen.
Debes hacer varios cambios, por ejemplo a los div capafooter y contenfooter colocarle width:auto; y display:inline-block; Eso hará que tome el ancho del contenido. Ahí ya tendrás ambas capas al lado pero se verá feo el ícono de las redes sociales entonces te recomiendo colocarle a esos iconos una clase. Por ejemplo
Si quieres que quede centrado, colócale a capafooter un padding-left yo le puse 55px.
Pruébalo y cuéntanos que tal. :)
Debes hacer varios cambios, por ejemplo a los div capafooter y contenfooter colocarle width:auto; y display:inline-block; Eso hará que tome el ancho del contenido. Ahí ya tendrás ambas capas al lado pero se verá feo el ícono de las redes sociales entonces te recomiendo colocarle a esos iconos una clase. Por ejemplo
<img src="img/Facebook.png" width="40" height="40" class="redsocial_icono> <img src="img/Twitter-Bird.png" width="40" height="40" class="redsocial_icono>Y en la hoja de estilo (css) le colocas una posición relativa y le cuadras la posición usando top, bottom, left, o right. Yo probé y en la imagen que te anexé al principio lo coloqué así.
redsocial_icono { position:relative; top:15px; }
Si quieres que quede centrado, colócale a capafooter un padding-left yo le puse 55px.
Pruébalo y cuéntanos que tal. :)