Ir para conteúdo

POWERED BY:

Arquivado

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

Batata1414

Probleminha com width

Recommended Posts

Fala galera, alguém sabe o que está acontecendo?

 

Esse é o código CSS:

 

body {margin: 0;padding: 0;text-align:center;background-color:#FF3300;}#geral {width: 770px;background-color:#000099;border: 0 none;}#barra_cima {background-color: #f2c644;height: 20px;border-bottom:solid 1px;border-bottom-color:#FFFFFF;}#testeira {width: 385px;background-color:#00CCFF;float: left;border: 0 none;}#logo {width:385px;background-color:#CCFF00;border: 0 none;}
Esse é o HTML:

 

<body>
<div id="geral">
<div id="barra_cima">
</div>

<div id="testeira">
</div>

<div id="logo">
</div>
</div>
</body>

 

O que acontece, eu quero colocar o LOGO do lado direito do TESTEIRA, mas ele não fica... a não ser que eu diminua o width de algum dos 2 em 3 pixels... mas daí fica faltando 3 pixels na página.

 

Alguém, please!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Batata1414, tente ser um pouco mais específico:

 

Você quer que essa imagem seja um background?

background: url(suaImagem) right center no-repeat;
CSS Background

 

Ou você vai colocar a imagem direto no arquivo?

#testeira img{ float: right; margin: 10px;}

E uma dica, seria bom você estudar um pouco mais o básico das css. Não entendi o

border: 0 none;
[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Independente de ser imagem ou nao... mesmo só com as cores.... os divs nao ficam um do lado do outro... e cada tem 385 que somam 770... eles só ficam lado lado se por exemplo for 382 e 385.... mas fica sobrando 3 pixels na tela....p.s.: o border 0 none foi um ato desesperado de conseguir funcionar!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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