quinhosp Postado Janeiro 4, 2010 Denunciar Share Postado Janeiro 4, 2010 Bom dia?Estou precisando de ajuda, pois desenvolvi um form e no fieldset e inseri uma imagem, porém ela ultrapassa a borda.Alguém poderia me ajudar.Desde já gratoSegue o código.form.html<body><div id="centro"><h2> Fale Conosco </h2> <form method="post" action="recebe_contato.php"><fieldset><legend> CONTATO </legend><div> <label for="nome"> Nome: (<span>*</span>)</label> <label for="email">E-mail: (<span>*</span>)</label> <label for="telefone">Telefone: (<span>*</span>)</label> <label for="mensagem">Assunto:</label> <label for="mensagem">Mensagem:</label></div> <div> <input type="text" name="nome" id="nome" /> <input type="text" name="email" id="email" /> <input type="text" name="telefone" id="telefone" /> <input type="text" name="assunto" id="assunto" /> <textarea name="mensagem" id="mensagem" rows="6" cols="28"></textarea> </div><input type="submit" value="Enviar" id="enviar" /></fieldset></form></div> </body></html>form.cssform fieldset { background: #99CCFF url(img/fundo2_form.jpg) repeat-x bottom; border: 1px solid #003399; padding: 0 8px; } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 quinhosp Postado Janeiro 5, 2010 Autor Denunciar Share Postado Janeiro 5, 2010 Oi pessoal!Para quem está com o mesmo problema, consegui resolver. Se trata de bug no IE e para resolver é só adicionar o código abaixo.Fica igual no IE e no FF.Até mais...</style><!–[if IE]><style>fieldset {position: relative;}legend {position: absolute;top: -.5em;left: .2em;}</style><![endif]–> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
quinhosp
Bom dia?
Estou precisando de ajuda, pois desenvolvi um form e no fieldset e inseri uma imagem, porém ela ultrapassa a borda.
Alguém poderia me ajudar.
Desde já grato
Segue o código.
form.html
<body>
<div id="centro">
<h2> Fale Conosco </h2>
<form method="post" action="recebe_contato.php">
<fieldset>
<legend> CONTATO </legend>
<div>
<label for="nome"> Nome: (<span>*</span>)</label>
<label for="email">E-mail: (<span>*</span>)</label>
<label for="telefone">Telefone: (<span>*</span>)</label>
<label for="mensagem">Assunto:</label>
<label for="mensagem">Mensagem:</label>
</div>
<div>
<input type="text" name="nome" id="nome" />
<input type="text" name="email" id="email" />
<input type="text" name="telefone" id="telefone" />
<input type="text" name="assunto" id="assunto" />
<textarea name="mensagem" id="mensagem" rows="6" cols="28"></textarea>
</div>
<input type="submit" value="Enviar" id="enviar" />
</fieldset>
</form>
</div>
</body>
</html>
form.css
form fieldset
{
background: #99CCFF url(img/fundo2_form.jpg) repeat-x bottom;
border: 1px solid #003399;
padding: 0 8px;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.