none
Repeater - ItemTemplate - CSS RRS feed

  • Pergunta

  • Pessoal, Preciso de um auxílio.

    Hoje preciso programar um cabeçalho de um site, aonde cada item será proveniente de uma consulta no BD. Para isso pensei em usar o repeater.

    Pois bem, essa exibição precisa ser na horizontal. Logo pensei em definir uma div principal com um tamanho fixo. E uma outra div que vai estar dentro do item template do repeater, que exibirá o retorno da consulta.

    Porém quero saber como eu faço pra que a div quando atingir o tamanho maximo na horizontal, se extenda pra baixo.. Acho q é por CSS.

    Alguém pode me ajudar ou tem algum exemplo?

    obrigado

    terça-feira, 7 de fevereiro de 2012 23:03

Respostas

  • Amigo,

    Você deve utilizar a propriedade float. 

    Você tem as opções:

    • left: para alinhar a esquerda;
    • rigth: para alinhar a direita;
    • none: inativar;
    • inherit: para herdar o alinhamento.

    Exemplo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    <body>
    	<div style="width:600px">
    		<div style="float:left;width:100px;height:50px;background-color:Red;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Blue;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Brown;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Green;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Gray;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Aqua;">
    		</div>
    		<div style="float:left;width:100px;height:50px;background-color:Yellow;">
    		</div>
    	</div>
    </body>
    </html>

    Abraço,


    Carlos Eduardo Ferreira

    • Marcado como Resposta .NET Dev quarta-feira, 8 de fevereiro de 2012 11:15
    quarta-feira, 8 de fevereiro de 2012 11:13