Ir para conteúdo

POWERED BY:

Arquivado

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

jontes

Div uma do lado da outra

Recommended Posts

<style>
    .boxPNoticias{
        border-width: 0px;
        border-color: rgb(0, 0, 0);
        border-style: dotted;
        background-color: rgb(222, 222, 222);
        box-shadow: 0px 0px 5.95px 1.05px rgba(0, 0, 0, 0.18),inset 0px 0px 0px 0px rgba(0, 0, 0, 0.56);
        position: absolute;
        left: 61px;
        top: 97px;
        width: 180px;
        height: 219px;
        float:left;
    }
    .boxTD{
        border-width: 0px;
        border-color: rgb(0, 0, 0);
        border-style: dotted;
        border-radius: 10px;
        background-image: -moz-linear-gradient( 90deg, rgb(219,219,219) 0%, rgb(211,211,211) 71%, rgb(219,219,219) 100%, rgb(219,219,219) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(219,219,219) 0%, rgb(211,211,211) 71%, rgb(219,219,219) 100%, rgb(219,219,219) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(219,219,219) 0%, rgb(211,211,211) 71%, rgb(219,219,219) 100%, rgb(219,219,219) 100%);
        box-shadow: 0px 0px 5.95px 1.05px rgba(0, 0, 0, 0.18),inset 0px 0px 0px 0px rgba(0, 0, 0, 0.56);
        position: absolute;
        top: 180px;
        left:-7px;
        float:left;
        width: 194px;
        height: 40px;
        z-index: 4;
    }
    .TxTTitulo {
        font-size: 8pt;
        font-family: "Segoe UI";
        color: rgb(121, 121, 121);
        line-height: 1.2;
        text-align: left;
        position: relative;
        left:14px;
        top:7px;
        z-index: 6;
    }
    .TxTDescricao{
        margin-top:2px;
        margin-left:14px;
        font-size: 7pt;
        font-family: "Segoe UI";
        color: rgb(121, 121, 121);
    }
    .imagemNoticia{
        width:100%;
        height:140%;
    }
</style>
<fieldset>
    <legend>Noticias</legend>
</fieldset>
<?php for($i=0; $i<5; $i++){ ?>

    <div class="boxPNoticias">
        <div class="imagemNoticia"><img src="http://image.prntscr.com/image/c8ffd3c74e42427e88b5506d8243464a.png"/></div>
        <div class="boxTD">
            <div class="TxTTitulo">Testado sem sucesso</div>
            <div class="TxTDescricao">teste</div>
        </div>
    </div>
    <?php } ?>

Como faço pra que as divs fiquem uma do lado da outra? fica tudo junto.

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.