Ir para conteúdo

POWERED BY:

Arquivado

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

Linton Junior

Multiplicar div lado a lado

Recommended Posts

Galera, estou com seguinte problema.

Tenho uns banners que chamo pelo banco de dados, eles deveriam ficar em um box com orientação na horizontal, porém eles ficam um abaixo do outro.

Segue imagem para exemplo

o9qxwn.jpg

 

Segue o código

<div id="bloco">
          <div class="boxA">
            <?php
              $c=0;
              $sql = mysql_query("SELECT * FROM notificacoes WHERE status='0' ORDER BY id DESC");
              while($linha=mysql_fetch_object($sql)){
                $c++;
                $target = $linha->target;
                $target=='1' ? $target = "_blank" : $target = "_self";
            ?>
            <div class="boxA-img">
              <a href="<?php echo $linha->link;?>" target="<?=$target;?>"><img class="mg10_t" src="images/notificacoes/<?php echo $linha->imagem;?>" alt="<?php echo $linha->titulo;?>" width="248" height="118" title="<?php echo $linha->titulo;?>"></a></div>
            <?php
              }
            ?>
            </div>
            </div>
          </div>

CSS

#bloco{
	width:100%;
	height:120px;
	margin:0 auto;
	margin-top:10px;
	border:1px solid #000;	
}

.boxA { display:block; min-height:100px;}
.boxA-img{display:block; min-height:100px; margin-bottom:7px; padding-bottom:2px; border-bottom:1px dotted rgb(205,205,205);}

Alguém sabe como eu posso arrumar isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta usar FLOAT: LEFT ou RIGHT

 

assim:

.boxA-img{display:block; min-height:100px; margin-bottom:7px; padding-bottom:2px; border-bottom:1px dotted rgb(205,205,205); float:left }

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.