Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Joao Marcos_173092

problema com css no rodape

Por , em Desenvolvimento frontend

Recommended Posts

Joao Marcos_173092    0

Joao Marcos_173092
Postado

Ola pessoal, terminei um projeto meu de portal de noticias, más oque ta me deixando muito pensativo é o rodape. no Dreamweaver fica do jeito que eu quero, más no navegador não. ;S

por favor me ajudem..

irei postar a foto no dreamweaver,navegador e o codigo html e css.

 

Desde ja agradeço muito a ajuda de voces!

 

 

No dreamweaver ta do jeito que quero:

http://www.netupload.org/'>fgn3yzn6qeebsodice7o.jpg

 

 

No navegador não:

http://www.netupload.org/'>txkfe20ankv92kkyu8wq.jpg

 

 

Codigo html:

 

 

<div id="div_rodape">
<div id="div_rodape_centro">
<div id="div_rodape_direito">Desenvolvimento:<br />
<a href="#"><img src="img/logomarcaconsultoriaimagine.png" width="120" height="51" /></a></div>
<div id="div_rodape_esquerdo">
<img src="img/logomarcaNEW.png" width="155" height="98" align="left" /><span class="textorodape" id="div_rodape_esquerdo">©2013 - Minhaterrinha.com<br />
Todos os direitos reservados<br />
É proibida a reprodução parcial ou total deste site sem prévia autorização</span></div>
</div>
</div>
Codigo css:
#div_rodape {
height: 120px;
width: 100%;
background-color: #8E562B;
}
#div_rodape_centro {
margin: 0 auto;
height: 120px;
width: 950px;
}
#div_rodape_esquerdo {
height: 100px;
width: 340px;
margin-top: 20px;
}
#div_rodape_direito {
height: 80px;
width: 180px;
float: right;
margin-right: 35px;
margin-top: 10px;
}
Mais uma vez muito obrigado pela ajuda!

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

reidark    5

reidark
Postado

Não sei se vai dar certo no seu caso, mas adicione

 

float: left;

Na sua div da esquerda e experimente dar o margin-top.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Biano    0

Biano
Postado

Amigao faça desta forma seu rodepé:

 

<style>

#footer {
width:100%;
height:195px;
background-color:#333;
clear:both;
}
#rodape {
width:990px;
height:195px;
margin:0 auto;
/*background-color:#999;*/
}
#rodape ul{list-style:none; margin:10px; padding:10px;}
#rodape ul li{float:left; text-align:left; width:280px; font-size:12px; color:#CCC;}
#rodape ul li h1{font-size:14px; font-weight:bold; margin:6px 5px;}
#rodape ul li p{margin:3px 5px;}
#rodape ul li a{color:#CCC; text-decoration:none;}
/*#rodape ul li a:visited{text-decoration:none;}*/
#rodape ul li :hover{color:#FFF; text-decoration:none;}
/*#rodape ul li a:active{color:#F90;}*/

 

</style>

 

 

 

<html>

 

<body>

 

<div id="footer">
<div id="rodape">
<ul>
<li>
<h1>Sobre Nossa Empresa:</h1>
<p><a href="default.php?pg=empresa">Empresa</a></p>
<p><a href="default.php?pg=servico">Serviços</a></p>
<h1>Podemos Lhe Oferecer:</h1>
<p><a href="default.php?pg=produtos">Produtos</a></p>
<p><a href="default.php?pg=orcamento">Orçamento</a></p>
</li>
<li>
<h1>Atendimento Personalizado:</h1>
<p><a href="default.php?pg=cencontrar">Como nos encontrar?</a></p>
<p><a href="default.php?pg=contato">Contato</a></p>
<h1>Midias Sociais:</h1>
<p><a href="#">Linkedin</a></p>
<p><a href="#">Facebook</a></p>
<p><a href="#">Twitter</a></p>
</li>
<li>
<h1>Nossos Contatos:</h1>
<p><strong>Telefone: </strong>(011)3782-6262</p>
<p><strong>Nextel: </strong>7799-9044 - <strong>ID</strong> - 111*79323 </p>
<p><strong>Email: </strong><a href="mailto:contato@igarcondicionado.com.br">contato@igarcondicionado.com.br</a></p>
<p><strong>Website: </strong><a href="http://www.igarcondicionado.com.br" target="_parent">http://www.igarcondicionado.com.br</a> </p>
</li>
<li>
<h1>Nosso Endereço:</h1>
<p><strong>Rua: </strong>Gabriel de Carvalho, 187</p>
<p><strong>Bairro: </strong>JD.Boa Vista - Butantã - SP</p>
<p><strong>CEP: </strong> 05583-080</p>
</li>
</ul>
</div>
</div>
</body>
</html>
Espero ter lhe ajudado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito