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