1 reply to this topic

[Wesley Sampa]

Olá pessoal,estou com dificuldades em posicionar duas imagens no meu footer, vou explicar oque preciso, espero que a dúvida esteja clara...

Tenho duas imagens que preciso posicionar no footer que estou usando no meutamplate, só que estou tendo dificuldades em como fazer, vou colocar os códigosabaixo para entender melhor:


HTML: no meu código esta da seguinte forma:

<div id="footer_all"><!-- Início da div FooterAll-->
<div id="footer"><!-- Início da div Footer-->
<ul>
< li><a href="#">últimas notícias</a></li>
< li><a href="#">artigos verdes</a></li>
< li><a href="#">destaque</a></li>
< li><a href="#">entrevista</a></li>
< /ul>

< div id="footer_txt"><!-- Início da div Footer TXT-->
<a href="index.php"><imgsrc="images/imagem_186x176.png" class="imagem_186x176"alt=" " border="0" /></a>

< a href="index.php"><imgsrc="images/imagem_177x76.png" class="imagem_177x76"alt=" " border="0" /></a>
< /div> <!-- Fechamento da div Footer TXT -->

< /div> <!-- Fechamento da div Footer -->

CSS: no meucódigo esta da seguinte forma:

[font="Times New Roman"][size="3"][/size][/font]/*FOOTER*/
#clear{clear:both;}
#footer_all{height:136px; background:url(images/footer_all_bg.jpg) repeat-x#FFF;}
#footer{width:980px; margin:0 auto; padding:15px 10px;}
#footer ul{float:right; list-style:none;}
#footer ul li{display:inline; margin:10px; font:19px "Trebuchet MS",Arial, Helvetica, sans-serif; float:left;}
#footer ul li a{text-decoration:none; color:#666666;}
#footer ul li a:hover{color:#FF3300;}
#footer_txt{float:left;}
#footer_txt . imagem_186x176{margin:0 ; padding:0; float:left;}
#footer_txt . imagem_177x76{float:right; margin:0 ; padding:0;}

O meufooter_all_bg.jpg tem o tamanho de 2x136 que sera o fundo do bg, e o quepreciso é colocar as duas imagnes na posição igual a da imagem aqui (http://i52.tinypic.com/2n7l7c.jpg),uma do lado esquerdo e a outra do lado direito que ficará abaixo no menu.


Alguém pode meajudar com isso? Preciso acabar o projeto e empaquei nisso...



Wesley Sampa

Attached Files

•  exemplo-footer.jpg   41.01KB   3 downloads

[Édipo Costa Rebouças]

Amigo, indico que você use position: absolute nessas duas imagens, é facil de posicionar. coloque position: relative no #footer para dar certo.