Alinhamento de controles no web form

.NET

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

Pjava

Curtidas 0

Respostas

Robson Alves

Robson Alves

08/01/2013

é 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>
GOSTEI 0
Pjava

Pjava

08/01/2013

Ok, valeu, funfou!!!
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

08/01/2013

Estou encerrando este tópico.
Abraço a todos;
GOSTEI 0
POSTAR