bug css em formulario
ola amigos do forum tudo beleza ? seguinte to com um prebleminha com css em um formulario e nao to conseguindo resolver :mellow:
no IE7 ele ta cortano um pedaço do formulario http://forum.imasters.com.br/public/style_emoticons/default/upset.gif aew nao aparece o butom pra poder clicar no fire ta beleza ate no ie6 ta meio estranho mas ta funcional so no ie7 q bugo olha so as fotos de como ta
no firefox
http://img405.imageshack.us/img405/722/formimgfirefox.gif
no ie6
http://img405.imageshack.us/img405/6893/fomrimgie6.gif
ie7 bugado
http://img405.imageshack.us/img405/4294/formimgie7.gif
ja tentei tudo q sabia pra resolver mas nao tenho muito as manhas de resolver bug no ie7 se alguem poder ajudar ficarei grato
codigo formulario
<!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=utf-8" />
<?phpinclude "css.php"
?>
</head>
<body>
<div id="geralpganuncietf">
<h1 class="titulo">Anuncie:</h1>
<div align="center"><img src="imagems/assets/megaphone.gif" width="231" height="250" />
</div>
<div id="div">
<?php
// Se o formulário for enviado sem a presença do email do remetente, é exibido uma mensagem de retorno
if(isset($erro) && $erro==1):
?>
<div style='padding:10px;'>
<a href='javascript:history.back(1)'>Clique aqui para retornar e informe um <b>email válido</b>!</a>
</div>
<?php
// Faço o envio da mensagem, se o formulário for submetido e passar no teste anterior
elseif(isset($subm)):
?>
<div style='padding:10px;'>
<?php
$msg1 = "<h2><b>Sua mensagem foi enviada com sucesso!</b></h2>";
$msg2 = "<h2><b style='color:#e23b30;'>Sua mensagem não pôde ser enviada.</b><br /><br />Por favor tente novamente mais tarde.</h2>";
$conf = @mail($__to, $__sj, $html, $head);
echo ($conf)?$msg1:$msg2;
?>
<br />
<a href='javascript:history.back(1)'>Clique aqui para retornar!</a>
</div>
<?php
// Exibe o formulário para preenchimento
else:
?>
<p>Preencha o formulário abaixo para enviar seu anuncio.<br />É necessário preencher todos os campos.</p>
<form id="frm" action="<?=basename(__FILE__)?>" method="post" enctype="multipart/form-data">
<input type="hidden" name="frm_ok" />
<fieldset>
<legend>Formulário de Anuncio</legend>
<p>
<label for="nome">Nome:</label>
<input id="nome" name="nome" title="Seu nome" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
<p>
<label for="email">E-Mail:</label>
<input id="email" name="email" title="Seu email" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
</p>
<p>
<label for="cidade">Cidade:</label>
<input id="cidade" name="cidade" title="Sua cidade"onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
</p>
<p>
<label for="anuncio">Anuncio:</label>
<input id="anuncio" name="anuncio" title="O titulo do seu anuncio" onKeyDown="if(event.keyCode==13) event.keyCode=9;" />
</p>
<p>
<label for="descricao">Descrição do anuncio:</label>
<textarea id="descricao" name="descricao" title="Descrição geral do anuncio" class="text"></textarea>
</p>
<p>
<label for="mensagem">Detalhes do anuncio:</label>
<textarea id="detalhes" name="detalhes" title="Detalhes do anuncio ex:cor do veiculo,se a casa tem garagem etc" class="text"></textarea>
</p>
<p>
<label for="mensagem">Informaçoes para contato:</label>
<textarea id="contato" name="contato" title="Coloque aqui informaçoes para contato telefone,celular,endereço emial etc" class="text"></textarea>
</p>
<p>
<label for="mensagem">Foto #1:</label>
<input type="file" name="arquivo[]" size="50" class="file" />
</p>
<p>
<label for="mensagem">Foto #2:</label>
<input type="file" name="arquivo[]" size="50" class="file" />
</p>
<p>
<label for="mensagem">Foto #3:</label>
<input type="file" name="arquivo[]" size="50" class="file" />
</p>
<p>
<label for="mensagem">Foto #4:</label>
<input type="file" name="arquivo[]" size="50" class="file" />
</p>
<p>
<label for="mensagem">Foto #5:</label>
<input type="file" name="arquivo[]" size="50" class="file" />
</p>
<span style="text-align:right;">
<input type="submit" value="ENVIAR" class="send" />
</span>
</fieldset>
</form>
<?php
endif;
?>
</div><!--div-->
</div>
</body>
css dese formulario
#div form{
display: inline;
margin: 0;
padding: 0;
height: 25px;
line-height: 25px;
}
#div{
padding: 20px;
}#form fildset input, textarea{
border: solid 1px #BBB;
cursor: pointer;
}
#div h1{
font: bold 14px verdana, arial, helvetica, sans-serif;
margin-bottom: 15px;
}#frm fieldset{
border: 1px solid #8F8E96;
width: 450px;
margin: 10px 0px;
padding: 10px;
}#frm fieldset legend{
color: #333333;
font-size: 14px;
font-weight: bold;
padding: 5px;
margin-bottom: 10px;
}#frm fieldset label{
display: block;
font-weight: bold;
}#frm p{
display: block;
background: #F6F6F6;
border-bottom: dashed 1px #DDD;
padding: 10px 0px 10px 15px;
float:left;
}#frm input,
#frm textarea{
color: #333333;
padding: 4px;
width: 450px;
}#frm .text{
height: 70px;
}#frm .file{
font-weight: normal;
padding-right: 7px;
width: 450px;
}#frm .send{
color: #fff;
background: #333333;
border: solid 1px #8F8E96;
font-weight: bold;
width: 130px;
cursor: pointer;
}
obrigado pela ajuda galera http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Discussão (7)
Carregando comentários...