Array
(
)

Alinhamento de controles no web form

Pjava
   - 08 jan 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?

Robson Robsonalves.net
   - 08 jan 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:
#Código

.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:

#Código
<div class='divRow'>
<div class='divLabel'><label>Label</label></div>
<div class='divControl'><button>Botão</button></div>
</div>

0
|
0

Pjava
   - 08 jan 2013

Ok, valeu, funfou!!!

0
|
0

Joel Rodrigues
   - 31 mai 2013

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

0
|
0