Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gostaria de pedir a ajuda dos membros com uma dificuldade minha preciso montar o seguinte form:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img41.imageshack.us/img41/6549/formqb.jpg&key=5491ad2231f42b92c0cc50a151772fbea8de29cfd88b03472e179cd32f1b0bc0" alt="Imagem Postada" />
Preciso que as label e os input fiquem exatamente como mostra a imagem, meu problema está naquele UF* ..., não consigo fazer ele ficar posicionado corretamente
A seguir o index.html
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Veredas do Rio Quente</title>
<link href="../css/cadastro.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../_ajax/css/lightwindow.css" />
<link rel="stylesheet" type="text/css" href="../_ajax/css/default.css" /><script type="text/javascript" src="../_ajax/javascript/prototype.js"></script>
<script type="text/javascript" src="../_ajax/javascript/effects.js"></script>
<script type="text/javascript" src="../_ajax/javascript/lightwindow.js"></script>
</head>
<body>
<table width="660" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--topo-->
<td><table width="660" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="../images/logo_cadastro.png" /></td>
<td align="right" valign="top"><img src="../images/tit_cadastro.png" /></td>
</tr>
</table></td>
</tr>
<!--topo-->
<tr>
<!--formulario-->
<td><table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="236" height="25" align="left" valign="top" class="textos"><label>Nome</label></td>
<div class="clear" />
<td width="314" height="25" valign="top"><input type="text" name="nome" value=""/></td>
<div class="clear" />
</tr>
<tr>
<td height="25" align="left" valign="top" class="textos"><label>E-mail</label></td>
<div class="clear" />
<td height="25" valign="top"><input type="text" name="email" value=""/></td>
<div class="clear" />
</tr>
<tr>
<td height="25" align="left" valign="top" class="textos"><label>Telefone</label></td>
<div class="clear" />
<td height="25" valign="top"><input type="text" name="telefone" value="" class="Campo130"/></td>
<div class="clear" />
</tr>
<tr>
<td height="25" align="left" valign="top" class="textos"><label>Cidade</label></td>
<div class="clear" />
<td height="25" valign="top"><table width="312" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="159"><input type="text" name="cidade" value="" class="Campo130"/></td>
<div class="clear" />
<td width="20" class="textos"><label for="estado">UF</label></td>
<div class="clear" />
<td width="133"><select name="select" id="select" class="Campo60">
</select></td>
<div class="clear" />
</tr>
</table></td>
</tr>
<tr>
<td height="25" align="left" valign="top" class="textos"><label>Data de Nascimento</label></td>
<div class="clear" />
<td height="25" valign="top"><input type="text" name="nascimento" value="" class="Campo130"/></td>
<div class="clear" />
</tr>
<tr>
<td align="left" valign="top" class="textos"><label>Mensagem</label></td>
<div class="clear" />
<td valign="top"><textarea name="mensagem"></textarea></td>
<div class="clear" />
</tr>
<tr>
<td></td>
<td height="33" colspan="2" align="right" valign="middle"><input type="submit" name="btn_submit" id="btn_submit" value="Enviar" /></td>
<div class="clear" />
</tr>
</table></td>
</tr>
<!--formulario-->
</table>
</body>
</html>O CSS
/ CSS Document /
.textos{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#5b6046;
margin-bottom:10px;
}/*.textos label[for=estado]{
float:left;
width:30px;
padding-left:10px;input, textarea {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color:#5b6046;
}input{
width: 312px;
height:16px;
background:#fcfcfc;
border-style:none;
border: #cfcfcf 1px solid;
padding:4px;
margin-bottom:4px;
}textarea{
width: 312px;
height:100px;
background:#fcfcfc;
border-style:none;
border: #cfcfcf 1px solid;
padding:4px;
}
.Campo130{
width:130px;
}
.Campo60{
width:60px;
}
#btn_submit{
width: 80px;
height:24px;
background:#fcfcfc;
border-style:none;
border: #cfcfcf 1px solid;
color:#5b6046;
font-weight:bold;
}
.clear{
clear: both;
}Carregando comentários...