Ir para conteúdo

Arquivado

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

chrislix

Problema com posicionamento da div

Recommended Posts

Galera é assim
tenho o codgo abaixo :

<body>
<div id="top">
<img src="img/img_site/topo_fundo.jpg" width="100%" height="100%"/>
   
    <div id="logo">
    <h2> logo </h2>
    </div>
    
    <div id="menu">
    <h2> menu </h2>
    </div>
 
 
</div>
porem, eu quero que a imagem fique panas no fundo de toda a div, e as outras duas divs fiquem por cima da imagem, mas nao ta dando certo. nao consigo colocar as div sobre a imagem e nao sei como resolver, alguem poderia me da uma maozinha?
eu queria que a imagem fosse o background da div, pra ser mais exato, e poder colocar e escrever coisas encima dela

nao sei quais as regras do forum porem, eu consegui que a imagem ficasse do jeito que eu queria, porem ela fica cortada, a imagem nao aparece inteira pra isso eu coloquei

 

 

 <div id="top" style="background:url(img/img_site/topo_fundo.jpg)">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi, tente isso:

<div id="top" style="background-image:url(img/img_site/topo_fundo.jpg); background-repeat: no-repeat; height:100%; width:100%;margin:auto">

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara primeiro de tudo, coloca esse fundo no css e tira do estilo inline. Se a imagem esta cortada, tenta colocar

background-size:100%

ou

background-size cover;

Não sei se é essa tua duvida, mas foi oque deu pra entender do problema. :)

 

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.