ALINHAMENTO DE CAMPO

F001E 07/08/2014 16:24:36
#440260
Boa tarde a Todos.
Tenho esse dois anexos.
Esse 1º anexo é pelo Browser Chrome onde os campos Telefone e Fax estão alinhados.
F001E 07/08/2014 16:26:07
#440261
E esse 2º anexo é pelo FireFox e os campos Telefone e Fax ficam desalinhados.
Como resolver isso ?
E no IE fica pior ainda...
FILMAN 07/08/2014 19:12:29
#440268
Você esta usando CSS? Pois vai precisar e muito!!!!!!

No caso do IE é complicado mesmo, pois a MS é uma merda em questão de navegador, mas esta melhorando os conceitos!
F001E 08/08/2014 08:33:50
#440281
Não fiz com CSS ainda, fiz desse jeito para os campos Telefone e FAX

<div id=[Ô]Div3[Ô] style=[Ô]margin: 0 px 0 0 103px; width: 83px; vertical-align: middle;[Ô]>
<dx:ASPxLabel ID=[Ô]ASPxLabel6[Ô] runat=[Ô]server[Ô] Text=[Ô]Telefone[Ô] Theme=[Ô]RedWine[Ô] Font-Bold=[Ô]True[Ô]>
</dx:ASPxLabel>
<dx:ASPxTextBox ID=[Ô]ASPxtxtTelefone[Ô] runat=[Ô]server[Ô] Theme=[Ô]RedWine[Ô] Width=[Ô]100px[Ô]>
<MaskSettings Mask=[Ô](99) 9999-9999[Ô] />
</dx:ASPxTextBox>
</div>
<div id=[Ô]Div2[Ô] style=[Ô]margin: -35px 0 0 103px; width: 83px; vertical-align: middle; float:left; line-height:normal[Ô]>
<dx:ASPxLabel ID=[Ô]ASPxLabel7[Ô] runat=[Ô]server[Ô] Text=[Ô]FAX[Ô] Theme=[Ô]RedWine[Ô] Font-Bold=[Ô]True[Ô]>
</dx:ASPxLabel>
<dx:ASPxTextBox ID=[Ô]ASPxtxtFax[Ô] runat=[Ô]server[Ô] Theme=[Ô]RedWine[Ô] Width=[Ô]100px[Ô]>
<MaskSettings Mask=[Ô](99) 9999-9999[Ô] />
</dx:ASPxTextBox>
</div>[/right]
F001E 08/08/2014 09:04:35
#440284
Fiz no CSS e continua a mesma coisa

#Telefone
{
width:100px;
}

#Fax
{
width:100px;
margin: -35px 0 0 102px;
}
F001E 08/08/2014 09:37:27
#440286
Mau comecei com o ASP.NET e já estou com raiva....Não alinha os campos....kkk
GUIMORAES 08/08/2014 10:44:26
#440288
kkkkkkk, é tenso essa parte de alinhamento.
Já pensou em utilizar jquery, bootstrap?
Facilita bastante a vida
FILMAN 08/08/2014 21:08:16
#440298 Resposta escolhida
Faz um teste ai e vê se funciona

<div id=[Ô]linhaTelefones[Ô]>
	<div style=[Ô]float:left;margin-right:5px;[Ô]>
		<dx:ASPxLabel ID=[Ô]ASPxLabel6[Ô] runat=[Ô]server[Ô] Text=[Ô]Telefone[Ô] Theme=[Ô]RedWine[Ô] Font-Bold=[Ô]True[Ô]></dx:ASPxLabel>
		<dx:ASPxTextBox ID=[Ô]ASPxtxtTelefone[Ô] runat=[Ô]server[Ô] Theme=[Ô]RedWine[Ô] Width=[Ô]100px[Ô]>
			<MaskSettings Mask=[Ô](99) 9999-9999[Ô] />
		</dx:ASPxTextBox>
	</div>
	<div style=[Ô]float:left;[Ô]>
		<dx:ASPxLabel ID=[Ô]ASPxLabel7[Ô] runat=[Ô]server[Ô] Text=[Ô]FAX[Ô] Theme=[Ô]RedWine[Ô] Font-Bold=[Ô]True[Ô]></dx:ASPxLabel> 
		<dx:ASPxTextBox ID=[Ô]ASPxtxtFax[Ô] runat=[Ô]server[Ô] Theme=[Ô]RedWine[Ô] Width=[Ô]100px[Ô]>
			<MaskSettings Mask=[Ô](99) 9999-9999[Ô] />
		</dx:ASPxTextBox>
	</div>
</div>


Testei em quatro navegadores e deu certo!

IE, Chrome, FireFox, Opera
F001E 11/08/2014 11:08:38
#440332
deu certo FILMAN...valews
Tópico encerrado , respostas não são mais permitidas
Voltar