Alinhamento de controles no web form
08/01/2013
0
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:
Ficando assim:
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
Clique aqui para fazer login e interagir na Comunidade :)