Jump to content

AYUDA - Al poner imagen en el footer los textos se deforman.


Recommended Posts

Hola amigos, les escribo de por mi tienda virtual www.geekmania.cl

 

Al ingresar una imagen en el footer, el texto que esta dentro de el se deforma.

 

les adjunto una imagen para que se den cuenta.

 

les agradecería que me ayudaran a re encuadrar el texto:

 

Footer.png

 

El código original los dejo así:

 

/* ************************************************************************************************
 FOOTER
************************************************************************************************ */
#footer {
color:#fff;
background:#7AC143
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
 float:right;
 width:175px
}

 

Luego con la imagen agregada:

 

/* ************************************************************************************************
 FOOTER
************************************************************************************************ */
#footer {position:relative; background: url(../img/nuevoFooter.png) no-repeat}
color:#fff;
background:#7AC143
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
 float:right;
 width:175px
}

 

Atento a sus comentarios.

Link to comment
Share on other sites

Hola amigos, les escribo de por mi tienda virtual www.geekmania.cl

 

Al ingresar una imagen en el footer, el texto que esta dentro de el se deforma.

 

les adjunto una imagen para que se den cuenta.

 

les agradecería que me ayudaran a re encuadrar el texto:

 

Footer.png

 

El código original los dejo así:

 

/* ************************************************************************************************
 FOOTER
************************************************************************************************ */
#footer {
color:#fff;
background:#7AC143
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
 float:right;
 width:175px
}

 

Luego con la imagen agregada:

 

/* ************************************************************************************************
 FOOTER
************************************************************************************************ */
#footer {position:relative; background: url(../img/nuevoFooter.png) no-repeat}
color:#fff;
background:#7AC143
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
 float:right;
 width:175px
}

 

Atento a sus comentarios.

 

¿Lo del position relative, lo has puesto por algo en especial?

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...