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> <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"; }