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

Curtir t�pico + 0

Responder

Posts

08/01/2013

Robson Alves

� 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

Gostei + 0

08/01/2013

Pjava

Ok, valeu, funfou!!!

Responder

Gostei + 0

31/05/2013

Joel Rodrigues

Estou encerrando este t�pico.
Abra�o a todos;

Responder

Gostei + 0