Alinhar divs lado a lado
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Alinhar divs lado a lado
Qual é minha questão:
Gostaria de alinhar as seguintes divs...
Esquerda:
Direita:
Já tentei de todas as maneiras que sabia e não consegui. Alguém pode me ajudar?
Grato.
Endereço do meu fórum:
http://www.habbsea.com
Versão do fórum:
PHPBB3
Gostaria de alinhar as seguintes divs...
Esquerda:
- Código:
<div class="module" style="width:300px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">eeres</div><div style="width:370px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:300px;height:187px;">
<a href='http://www.habbsea.com/t648-loteria-habbsea-edicao-3-natal-01'><img src="http://i.imgur.com/49ksT.png" alt=""/></a>
<img src="http://i.imgur.com/oRrGc.png" title="#nivoslider-125-caption-0" alt=""/>
<img src="http://i.imgur.com/fje20.png" alt=""/>
<img src="http://i.imgur.com/fBNum.png" title="#nivoslider-125-caption-1" alt=""/>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
HABBSEA.
</div><div id="nivoslider-125-caption-1" class="nivo-html-caption">
Oi :P
</div>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script></div></div></div>
Direita:
- Código:
<div class="module" style="width:300px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Habbo Hotel: Últimas notícias</div><div id="get"><center>Atualizando notícias.</center></div></div></div>
Já tentei de todas as maneiras que sabia e não consegui. Alguém pode me ajudar?
Grato.
Endereço do meu fórum:
http://www.habbsea.com
Versão do fórum:
PHPBB3
Última edição por Gianlucca em 12.12.12 0:00, editado 1 vez(es)
Re: Alinhar divs lado a lado
Olá!
Aqui está o HTML:
Aqui está o HTML:
- Código:
<table><tr><td align="left"><div class="module" style="width:300px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">eeres</div><div style="width:370px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:300px;height:187px;">
<a href='http://www.habbsea.com/t648-loteria-habbsea-edicao-3-natal-01'><img src="http://i.imgur.com/49ksT.png" alt=""/></a>
<img src="http://i.imgur.com/oRrGc.png" title="#nivoslider-125-caption-0" alt=""/>
<img src="http://i.imgur.com/fje20.png" alt=""/>
<img src="http://i.imgur.com/fBNum.png" title="#nivoslider-125-caption-1" alt=""/>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
HABBSEA.
</div><div id="nivoslider-125-caption-1" class="nivo-html-caption">
Oi :P
</div>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script></div></div></div> </td><td align="left"><div class="module" style="width:300px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Habbo Hotel: Últimas notícias</div><div id="get"><center>Atualizando notícias.</center></div></div></div></td></tr></table>
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Alinhar divs lado a lado
Ninja! Muito obrigado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos