Ir para conteúdo

Arquivado

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

espiculo

[Resolvido] div do lado da outra

Recommended Posts

to tentando coloca div uma do lado da outra ... oque quero fazer

 

 

imagem do que quero fazer sem essa borda pontilhado e que tirei print no dreamweaver ...

 

oque quero fazer

 

 

 

mais se coloca isso na pagina .... a barra de baixo vai para left

<<<< lado esquerdo ... mais não tem nada a ver com essa tabela de duas div mais esta atrapalhando a minha barra de baixo ...

 

codigo css que esto ussando nas duas div

 

#lateral {

width: 128px;

float: left;

}

#conteudo {

margin-left: 135px;

height: 128px;

line-height: 120px;

color: #43729F;

font-size: 36px;

}

 

 

 

codigo html

 

<div id="lateral"><img src="../Mail.png" width="128" height="128" /></div>

<div id="conteudo">E-mail</div>

 

 

 

ajudem ae :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloca float:right na div conteudo. Se quer lateral e conteúdo ficam uma do lado da outra você deve difinir float:left numa e right na outra. Tbém coloque essas duas divs dentro de uma outra div que não englobe a barra que você mencionou, pode tbém aplicar um clear:both na barra que está dando erro. Espero que isso ajude.

Compartilhar este post


Link para o post
Compartilhar em outros sites

fiz tudo isso ainda esta dando erro na barra de baixo nao sei porque isso bem no final do projeto fica dando esse problemas hehehe :(

 

foto da pagina e o erro

 

Imagem Postada

 

codigo que ussei na div que esta dando erro

 

#baixo {

float:left;

width:100%;

background:url(../img/bg-baixo.gif) no-repeat;

height:15px;

}

mais se ranca essa duas divs ela funciona .. se coloca essa div fica pro lado esquerdo

 

 

codigo das duas div

#lateral {

width: 128px;

float: left;

}

#conteudo {

height: 128px;

line-height: 120px;

color: #43729F;

font-size: 36px;

float: right;

width: 560px;

}

 

html da divs

<div class="bar"><div id="lateral"><img src="../Mail.png" width="128" height="128" /></div>

<div id="conteudo">Anuncie</div></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você deve retirar o float da div que está dando erro, recomendo também usar uma div global, que comporte todo o site, assim não haverá elementos "soltos", causando algum desalinhamento.

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.