Deixar botões padrão - tamanho

Front-end

17/03/2015

Me desculpem pela pergunta simples, é que não sei qual a melhor forma e como fazer, deixar os botões iguais, tamanho.


<html>
	<head>
	
	</head>
	<body>
			<form action='' method='post'>
			<td>
				<center>
					<input type='submit' value='TESTE 12'>
				</center>
			</td>
			
			</form>
			<form action='' method='post'>
				<td>
					<center>
						<input type='submit' value='TESTE 12'>
					</center>
				</td>
			</form>
			
			<form action='' method='post'>
				<td>
					<center>
						<input type='submit' value='TESTE 123'>
					</center>
				</td>
			</form>	
	</body>
</html>
Gabriela Monte

Gabriela Monte

Curtidas 0

Melhor post

Thiago Santana

Thiago Santana

17/03/2015

Que tal criar uma classe css para seus botões definindo o tamanho na classe?
GOSTEI 1

Mais Respostas

Jothaz

Jothaz

17/03/2015

Olha não me leve a mal mas este exemplo de código esta muito desorganizado.

Bom existem centenas de forma de fazer o que você quer, mas todas vão utilizar CSS.

Então um exemplo bem simples seria assim:
<html>
    <head>
		<style>  
		INPUT.MeuInput {  
			 width: 300px;  
			 height: 30px;  
			 font-family: verdana;  
			 background-color: gray;  
		}  
		</style>  
     
    </head>
    <body>

		<br/>
		<input type='submit' class="MeuInput"   value='TESTE 12'>
			
		<br>
		<input type='submit' class="MeuInput"   value='TESTE 12'>
		
		<br>
		<input type='submit' class="MeuInput"   value='TESTE 123'>

    </body>
</html>


Resultado:

[img]http://arquivo.devmedia.com.br/forum/imagem/418027-20150317-164718.png[/img]


Isto é só um exemplo para lhe dar um ideia.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

17/03/2015

Não é a melhor forma, mas é uma forma...


<html>
	<head>
	  
	
	</head>
	<body>
			<form action='' method='post'>
			<td>
				<center>
					<input type='submit' value='TESTE 12' style='width: 120px'>
				</center>
			</td>
			
			</form>
			<form action='' method='post'>
				<td>
					<center>
						<input type='submit' value='TESTE 123' style='width: 120px'>
					</center>
				</td>
			</form>
			
			<form action='' method='post'>
				<td>
					<center>
						<input type='submit' value='TESTE 12345' style='width: 120px'>
					</center>
				</td>
			</form>	
	</body>
</html>
GOSTEI 0
Gabriela Monte

Gabriela Monte

17/03/2015

Senhores obrigada pelas respostas, testei de todos alem de pesquisa sobre o assunto. O .css executado na propria pagina html funciona igual se comparando um arquivo separado, isso é obvio, mas existe alguma diferença, ser rapido, é padrão?
GOSTEI 0
Jothaz

Jothaz

17/03/2015

Senhores obrigada pelas respostas, testei de todos alem de pesquisa sobre o assunto. O .css executado na propria pagina html funciona igual se comparando um arquivo separado, isso é obvio, mas existe alguma diferença, ser rapido, é padrão?


Sem dúvidas a melhor prática é colocar separados, pois da maior legibilidade do código além de organizar. Ainda mais se você for utilizar muitos estilo.

Existe uma discussão de que o css na própria página fica mais rápido e até acredito que pode ser, mas o quanto mais rápido. Vale a pena sacrificar a organização em prol de um ganho de performance minimo? Em 99,9 % dos sites acho que não faria um diferença perceptível.

Então sempre use .css e scripts em arquivos separados,.

Agora usar inline: 
 <input type='submit' value='TESTE 12345' style='width: 120px'>
nunca! Pois dificulta muito a manutenção, além de deixar o código poluído.

Só para completar a questão de rápido e relativo, pois depende de vários fatores cmo o link, a máquina do cliente o servidor utilizado!
GOSTEI 1
Gabriela Monte

Gabriela Monte

17/03/2015

Obrigada Jothaz por concluir 100%
GOSTEI 0
Gabriela Monte

Gabriela Monte

17/03/2015

Obrigada a todos!!!
GOSTEI 0
POSTAR