Alinhamento de controles no web form

08/01/2013

Tenho plena noção do problema dos browsers, sei que cada um é uma história e dor de cabeça à parte, mas me vem um pergunta. Alguém sabe um forma ou um componente que ajude a alinhar controles em um web form? Tipo: Eu tenho 6 labels e 2 DropDownList e 4 TextBox. Gostaria que eles estivessem todos alinhados à esquerda, começando na mesma posição. Tem como fazer isso com WEB FORM?

Pjava

Respostas

08/01/2013

Robson Robsonalves.net

é possível fazer isso com auxilio do CSS.
Como o HTML é posicional o CSS auxiliará nisso.

Eu uso essa regra de CSS para me ajudar nisso:
.divLabel
{
    vertical-align: baseline;
    padding-right: 4px;
    padding-top: 2px;
    text-align: right;
    width: 130px;
    z-index: 0;
    float: left;
    font-size: 11px;
}
.divControl
{
    vertical-align: top;
    z-index: 0;
    float: left;
}

.divRow
{
    width: 100%;
    margin-bottom: 4px;
}



Ficando assim:

<div class='divRow'>
<div class='divLabel'><label>Label</label></div>
<div class='divControl'><button>Botão</button></div>
</div>
Responder Citar

08/01/2013

Pjava

Ok, valeu, funfou!!!
Responder Citar

31/05/2013

Joel Rodrigues

Estou encerrando este tópico.
Abraço a todos;
Responder Citar