[Tableless] Como centralizar FORMS Tableless?

**3,14k2|P1k4chu** · 17-07-2006, 22:31

Ai pessoal to apanhando muito aqui, nao consigo centralizar forms tableless nas paginas nem por um caralho! Clique para abrir a imagem em nova guia

Alguem pode ajudar?

Pra fazer eles:
HTML:

Código:

<form>
	<label for="name">Name</label>
	<input id="name" name="name"><br>

	<label for="address">Address</label>
	<input id="address" name="address"><br>

	<label for="city">City</label>
	<input id="city" name="city"><br>
</form>

CSS Style:

Código:

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

br {
	clear: left;
}

[]'s

**zotekracik** · 17-07-2006, 22:49

Ai pessoal to apanhando muito aqui, nao consigo centralizar forms tableless nas paginas nem por um caralho! Clique para abrir a imagem em nova guia

Alguem pode ajudar?

Pra fazer eles:
HTML:

Código:

<form>
	<label for="name">Name</label>
	<input id="name" name="name"><br>

	<label for="address">Address</label>
	<input id="address" name="address"><br>

	<label for="city">City</label>
	<input id="city" name="city"><br>
</form>

CSS Style:

Código:

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

br {
	clear: left;
}

[]'s

Cara, ja cheguei ate a fazer com javascript mas ficou ruim pacas.
Algum tempo atras, li em algum lugar que dizia que nao eh pq eh tableless que nao pode ter table ("mas se tem table entao nao eh tableless" Clique para abrir a imagem em nova guia

).

O designer la da empresa tb viu isso, e ultimamente ta jogando uma tabela 100% x 100% com 1 linha e 1 coluna e todo o site la dentro. Assim, fica bem facil pra fazer e renderiza 100% em qualquer browser.

**Sanchors** · 17-07-2006, 23:26

você quer centralizar o formulário na tela do navegador? ou centralizar dentro de um div por exemplo?

Centralizar na tela: http://www.maujor.com/dicas/pg_centrada.php

Se não for isso dá uma olhada no link de baixo... um dos melhores sites sobre CSS..

www.maujor.com

**3,14k2|P1k4chu** · 18-07-2006, 0:40

Deem um molhada aki:

http://200.179.211.210/php/main.php

o Foda eh, nao consigo centralizar o box do form Clique para abrir a imagem em nova guia

**3,14k2|P1k4chu** · 18-07-2006, 1:17

Prr# o problema ta na merda do menu lateral, to usando ele como float!

Alguem sabe c da pra fazer como table mesmo mas sem table?
Clique para abrir a imagem em nova guia

[]'s

**Stack Pointer** · 18-07-2006, 20:31

Código:

<html>
<body>
<center>
<form>
	<label for="name">Name</label>
	<input id="name" name="name"><br>

	<label for="address">Address</label>
	<input id="address" name="address"><br>

	<label for="city">City</label>
	<input id="city" name="city"><br>
</form>
</center>
</body>
</html>

Espero que ajude.

**3,14k2|P1k4chu** · 20-07-2006, 2:41

Código:

<html>
<body>
<center>
<form>
	<label for="name">Name</label>
	<input id="name" name="name"><br>

	<label for="address">Address</label>
	<input id="address" name="address"><br>

	<label for="city">City</label>
	<input id="city" name="city"><br>
</form>
</center>
</body>
</html>

Espero que ajude.

Fala rapa, po <center> foi depreciated no HTML4 =/

Mas enfim eu fiz uma gambiarra com margins e funcionou Clique para abrir a imagem em nova guia

Jaja posto screenshots

[Tableless] Como centralizar FORMS Tableless?

Opções

[Tableless] Como centralizar FORMS Tableless?

Tópicos Similares

[EXTRA] Cadeira Office Forms - R$99,00

Instanciar um Objeto de uma classe para todos Forms (C#)

Como centralizar o site?

Compartilhar

Compartilhar

Permissões