Jump to content

  2. →
  3. →

Photo

Problema Na Formatação De Formulário Com Css

Started By Ronimarcos, 27/10/2008, 10:51

  • Faça o login para participar
3 replies to this topic

#1 Ronimarcos

Ronimarcos

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Masculino
  • Localidade:Rondonópolis-MT
  • Interesses:PHP, ASP, Ajax, Python, Ruby, programação web em geral

Posted 27/10/2008, 11:15

Olá pessoal.
Estou com muitas dúvias sobre formataçao de formulários usando CSS, já fucei o código de tudo quanto é jeito, mas os campos saem desalinhados, uns inputs maiores que os outros, estou usando a resolução de 779px.
Um amigo meu me disse que estou fazendo uma mistureba danada com tabelas, div's e CSS, mas também não deu conta de me ajudar. Sei que estou fazendo errado, mas meu tempo já está esgotado, tenho que apresentar este trabalho de monografia.
Peço a ajuda encarecidamente de vc's, tenho que apresentar a monografia na próxima quarta-feira e ainda tenho muitas coisas pra arrumar.
Abaixo segue o código do formulário pra que possam me dar uma mão.
Abraços, fiquem todos com Deus.

<?php require_once('../Connections/ConnHerbario.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
	case "text":
	  $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
	  break;	
	case "long":
	case "int":
	  $theValue = ($theValue != "") ? intval($theValue) : "NULL";
	  break;
	case "double":
	  $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
	  break;
	case "date":
	  $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
	  break;
	case "defined":
	  $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
	  break;
  }
  return $theValue;
}
}

$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
  $insertSQL = sprintf("INSERT INTO especies (NomeVulgar, NomeCientifico, NumParada, DataColeta, Altura, Ocorrecia, Porte, Raizes, Folhas, Flores, Frutos, Vegetacao, Solo, Floracao, ColoracaoCalice, ColoracaoCorola, Frutificacao, ColoracaoObservadaFrutos, Uso, OBS, Familia_IDFamilia, Botanico_CodBotanico, Clientes_IDClientes) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s)",
					   GetSQLValueString($_POST['NomeVulgar'], "text"),
					   GetSQLValueString($_POST['NomeCientifico'], "text"),
					   GetSQLValueString($_POST['NumParada'], "int"),
					   GetSQLValueString($_POST['DataColeta'], "date"),
					   GetSQLValueString($_POST['Altura'], "double"),
					   GetSQLValueString($_POST['Ocorrecia'], "text"),
					   GetSQLValueString($_POST['Porte'], "text"),
					   GetSQLValueString($_POST['Raizes'], "text"),
					   GetSQLValueString($_POST['Folhas'], "text"),
					   GetSQLValueString($_POST['Flores'], "text"),
					   GetSQLValueString($_POST['Frutos'], "text"),
					   GetSQLValueString($_POST['Vegetacao'], "text"),
					   GetSQLValueString($_POST['Solo'], "text"),
					   GetSQLValueString($_POST['Floracao'], "text"),
					   GetSQLValueString($_POST['ColoracaoCalice'], "text"),
					   GetSQLValueString($_POST['ColoracaoCorola'], "text"),
					   GetSQLValueString($_POST['Frutificacao'], "text"),
					   GetSQLValueString($_POST['ColoracaoObservadaFrutos'], "text"),
					   GetSQLValueString($_POST['Uso'], "text"),
					   GetSQLValueString($_POST['OBS'], "text"),
					   GetSQLValueString($_POST['Familia_IDFamilia'], "int"),
					   GetSQLValueString($_POST['Botanico_CodBotanico'], "int"),
					   GetSQLValueString($_POST['Clientes_IDClientes'], "int"));

  mysql_select_db($database_ConnHerbario, $ConnHerbario);
  $Result1 = mysql_query($insertSQL, $ConnHerbario) or die(mysql_error());

  $insertGoTo = "ListaEspecies.php";
  if (isset($_SERVER['QUERY_STRING'])) {
	$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
	$insertGoTo .= $_SERVER['QUERY_STRING'];
  }
  header(sprintf("Location: %s", $insertGoTo));
}

mysql_select_db($database_ConnHerbario, $ConnHerbario);
$query_rsCadEspecies = "SELECT * FROM especies";
$rsCadEspecies = mysql_query($query_rsCadEspecies, $ConnHerbario) or die(mysql_error());
$row_rsCadEspecies = mysql_fetch_assoc($rsCadEspecies);
$totalRows_rsCadEspecies = mysql_num_rows($rsCadEspecies);

mysql_select_db($database_ConnHerbario, $ConnHerbario);
$query_rsListaBotanico = "SELECT * FROM botanico";
$rsListaBotanico = mysql_query($query_rsListaBotanico, $ConnHerbario) or die(mysql_error());
$row_rsListaBotanico = mysql_fetch_assoc($rsListaBotanico);
$totalRows_rsListaBotanico = mysql_num_rows($rsListaBotanico);

mysql_select_db($database_ConnHerbario, $ConnHerbario);
$query_rsListaClientes = "SELECT * FROM clientes";
$rsListaClientes = mysql_query($query_rsListaClientes, $ConnHerbario) or die(mysql_error());
$row_rsListaClientes = mysql_fetch_assoc($rsListaClientes);
$totalRows_rsListaClientes = mysql_num_rows($rsListaClientes);

mysql_select_db($database_ConnHerbario, $ConnHerbario);
$query_rsListaFamilias = "SELECT * FROM familia";
$rsListaFamilias = mysql_query($query_rsListaFamilias, $ConnHerbario) or die(mysql_error());
$row_rsListaFamilias = mysql_fetch_assoc($rsListaFamilias);
$totalRows_rsListaFamilias = mysql_num_rows($rsListaFamilias);

mysql_select_db($database_ConnHerbario, $ConnHerbario);
$query_rsListaFotos = "SELECT * FROM fotos";
$rsListaFotos = mysql_query($query_rsListaFotos, $ConnHerbario) or die(mysql_error());
$row_rsListaFotos = mysql_fetch_assoc($rsListaFotos);
$totalRows_rsListaFotos = mysql_num_rows($rsListaFotos);
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cadastro de Espécies</title>

&lt;script type="text/javascript">
<!--
function MM_validateForm() { //v4.0
  if (document.getElementById){
	var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
	for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
	  if (val) { nm=val.name; if ((val=val.value)!="") {
		if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
		  if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
		} else if (test!='R') { num = parseFloat(val);
		  if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
		  if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
			min=test.substring(8,p); max=test.substring(p+1);
			if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
	  } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
	} if (errors) alert('The following error(s) occurred:\n'+errors);
	document.MM_returnValue = (errors == '');
} }
//-->
</script>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>

<body><table class="Table">
  <tr>
	<th scope="col"> </th>
  </tr>
  <tr>
	<td> 
	  <form action="<?php echo $editFormAction; ?>" method="post" name="form1" class="Formulario" id="form1">
		<table class="Table">
		  <tr valign="baseline">
			<td width="90" align="right" nowrap="nowrap"><div align="right">Nome Vulgar</div></td>
			<td colspan="3"><input name="NomeVulgar" type="text" class="Formulario" id="NomeVulgar" size="55" /></td>
			<td width="87"><div align="right">Família</div></td>
			<td width="37"><div align="left">
			  <select name="Familia_IDFamilia" class="Formulario">
				<?php 
do {  
?>
				<option value="<?php echo $row_rsListaFamilias['IDFamilia']?>" ><?php echo $row_rsListaFamilias['DescricaoFamila']?></option>
				<?php
} while ($row_rsListaFamilias = mysql_fetch_assoc($rsListaFamilias));
?>
			  </select>
			</div></td>
			<td width="255"> </td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Nome Científico</div></td>
			<td colspan="3"><input name="NomeCientifico" type="text" class="Formulario" id="NomeCientifico" value="" size="55" /></td>
			<td> </td>
			<td colspan="2"> </td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Parada</div></td>
			<td width="87"><input name="NumParada" type="text" class="Formulario" value="" size="8" /></td>
			<td width="118"><div align="right">Altura</div></td>
			<td width="73"><input name="Altura" type="text" class="Formulario" value="" size="9" /></td>
			<td><div align="right">Data Coleta</div></td>
			<td colspan="2"><input name="DataColeta" type="text" class="Formulario" value="" size="16" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Ocorrêcia</div></td>
			<td colspan="6"><h2>
			  <textarea name="Ocorrecia" cols="140" rows="2" class="Formulario"></textarea>
			</h2></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Porte</div></td>
			<td colspan="3"><input name="Porte" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Raízes</div></td>
			<td colspan="2"><input name="Raizes" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Folhas</div></td>
			<td colspan="3"><input name="Folhas" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Flores</div></td>
			<td colspan="2"><input name="Flores" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Frutos</div></td>
			<td colspan="3"><input name="Frutos" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Vegetação</div></td>
			<td colspan="2"><input name="Vegetacao" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Solo</div></td>
			<td colspan="3"><input name="Solo" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Floração</div></td>
			<td colspan="2"><input name="Floracao" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Coloração Cálice</div></td>
			<td colspan="3"><input name="ColoracaoCalice" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Coloração Corola</div></td>
			<td colspan="2"><input name="ColoracaoCorola" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>

		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Frutificação</div></td>
			<td colspan="3"><input name="Frutificacao" type="text" class="Formulario" value="" size="55" /></td>
			<td><div align="right">Coloração  Frutos</div></td>
			<td colspan="2"><input name="ColoracaoObservadaFrutos" type="text" class="Formulario" value="" size="55" /></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Uso</div></td>
			<td colspan="6"><textarea name="Uso" cols="140" class="Formulario"></textarea></td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Obs</div></td>
			<td colspan="6"><textarea name="OBS" cols="140" class="Formulario"></textarea></td>
		  </tr>


		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Cliente</div></td>
			<td colspan="6" bordercolor="#D4D0C8"><select name="Clientes_IDClientes" class="Formulario">
			  <?php 
do {  
?>
			  <option value="<?php echo $row_rsListaClientes['IDClientes']?>" ><?php echo $row_rsListaClientes['NomeClientes']?></option>
			  <?php
} while ($row_rsListaClientes = mysql_fetch_assoc($rsListaClientes));
?>
			</select></td>
		  </tr>

		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"><div align="right">Botânico</div></td>
			<td colspan="6"><select name="Botanico_CodBotanico" class="Formulario">
			  <?php 
do {  
?>
			  <option value="<?php echo $row_rsListaBotanico['CodBotanico']?>" ><?php echo $row_rsListaBotanico['NomeBotanico']?></option>
			  <?php
} while ($row_rsListaBotanico = mysql_fetch_assoc($rsListaBotanico));
?>
			</select></td>
		  </tr>

		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"> </td>
			<td colspan="6"> </td>
		  </tr>
		  <tr valign="baseline">
			<td nowrap="nowrap" align="right"> </td>
			<td colspan="6"><input type="submit" onclick="MM_validateForm('NomeVulgar','','R','NomeCientifico','','R');return document.MM_returnValue" value="Salvar" />
			  <label>
			  <input type="reset" name="Reset" id="button" value="Limpar" />
			</label></td>
		  </tr>
		</table>
		<input type="hidden" name="MM_insert" value="form1" />
	  </form>
	<p> </p></td>
  </tr>
  <tr>
	<td> </td>
  </tr>
</table>

</body>
</html>
<?php
mysql_free_result($rsCadEspecies);

mysql_free_result($rsListaBotanico);

mysql_free_result($rsListaClientes);

mysql_free_result($rsListaFamilias);

mysql_free_result($rsListaFotos);
?>


Esquecí de colocar o código do arquivo CSS
@charset "utf-8";
.Formulario {
	align="center";
	bordercolor="#CCCCCC";
	bgcolor="#CCCCCC";
	font-family: "Trebuchet MS", Arial, sans-serif, Tahoma, "Times New Roman";
	font-size: 10px;
	background-color: #F1F5F8;
	border: 1px solid #CCCCCC;
	position:absolute;
	width: 55;
	display:block;
	float:left;
}
.Table {
	width:779px;
	border:1;
	background:#FFFFFF;
	align="center";
	bordercolor="#CCCCCC";
	bgcolor="#CCCCCC";
	position:absolute;
}
.Link1 {
	font-family: "Trebuchet MS", Arial, sans-serif, Tahoma, "Times New Roman";
	font-size: 10px;
	color: #660000;
}
.Link1:hover {
	color: #FFCC00;
}
.h1 {font-family:"Trebuchet MS", Arial, sans-serif, Tahoma, "Times New Roman";
}

Ronimarcos G. Silva
Rondonópolis-MT

#2 Alaerte

Alaerte

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Masculino
  • Localidade:Itabuna-BA
  • Interesses:Programação: PHP / MySQL / SQL Server/ HTML / CSS / JavaScript / XML / VB /

    Sistemas: Windows Server / Linux

Posted 27/10/2008, 12:59

Amigo, seria melhor você postar sua dúvida na área de HTML-WebStandards.

aqui é programação PHP ;)
Refrigere minha alma, guia-me pelo caminho da justiça "Salmo 23 cap 3"
WebMaster/Designer - Desenvolvedor Web - TI
Alaerte Gabriel ou ガブリエル
Visitem >> http://www.webaplicacoes.com/

#3 silici0

silici0

    ?

  • Usuários
  • 902 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:PHP, MySQL, XHTML, CSS, AJAX, JavaScript, Objective-C, Python, Games ... #geek

Posted 27/10/2008, 14:53

Outra... Limpa o código !!!!!

Abraços
Procurando freelancer
***********************************************
Bachelor of Technology in Technology of Information, with great knowledge in Windows operating systems and Unix-Like (BSD, Ubuntu and Slackware), languages (PHP, JavaScript and MySQL), semantic (DHTML, Tableless, Ajax, MVC, OO) and analysis (manages projects based on PMI).
Developer in PHP, JAVA, Python, Objective-c MySQL, DHTML, CSS, JAVASCRIPT, JQUERY, JSON, SMARTY, MDB2, DOCTRINE, CAKEPHP. Linux desktop for work and MacOS. E-commerces, CRM and bussiness strategys
Love-me and be FREE use UniCes-Like .

#4 donizeth

donizeth

    Normal

  • Usuários
  • 77 posts
  • Sexo:Masculino

Posted 29/10/2008, 10:34

outraS...

vc misturou todo codigo CSS com codigo HTML, um exemplo:

bgcolor --> isso é HTML

bordercolor --> correto border-color

align --> correto text-align....

da uma lida em apostila CSS....

Boa Sorte...
Voltar para PHP


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → PHP
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq