kildare Postado Janeiro 27, 2013 Denunciar Share Postado Janeiro 27, 2013 Pessoal,tenho o código abaixo, e gostaria de saber como faço para deixar os campos lado a lado e do mesmo tamanho.<fieldset> <legend>cad</legend> <label>Nome:</label> <input type="text" id="nome" name="nome"> <label>Email:</label> <input type="email" id="email" name="email"> <label>Data:</label> <input type="date" id="data" name="data"> <label>Cod. Promoção:</label> <input type="text" id="promo" name="promo" "> <input type="submit" value="Enviar" /> </fieldset>Agradeço a todos. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 atkins Postado Janeiro 28, 2013 Denunciar Share Postado Janeiro 28, 2013 Manda o css pra eu dar uma olhada e te falo o que modificar... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kildare Postado Janeiro 28, 2013 Autor Denunciar Share Postado Janeiro 28, 2013 Caro amigo,Segue o código completo.<fieldset> <legend>cad</legend> <label>Nome:</label> <input type="text" id="nome" name="nome"> <label>Email:</label> <input type="email" id="email" name="email"> <label>Data:</label> <input type="date" id="data" name="data"> <label>Cod. Promoção:</label> <input type="text" id="promo" name="promo" "> <input type="submit" value="Enviar" /> </fieldset> <style> :invalid { border-color: #e88; -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8); -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8); -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8); -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8); box-shadow:0 0 5px rgba(255, 0, 0, .8); } :required { border-color: #88a; -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5); -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5); -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5); box-shadow: 0 0 5px rgba(0, 0, 255, .5); } form { width:500px; margin: 20px auto; } select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #ccc; font-size:15px; width:300px; min-height:30px; display:block; margin-bottom:15px; margin-top:5px; outline: none; -webkit-border-radius:5px; /*border-color: #e88;*/ } input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #ccc; font-size:15px; width:300px; min-height:30px; display:block; margin-bottom:15px; margin-top:5px; outline: none; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } input[type=submit] { background:none; padding:10px; } </style> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 atkins Postado Janeiro 28, 2013 Denunciar Share Postado Janeiro 28, 2013 Pra deixar eles do mesmo tamanho é só colocar o width e height igual para todos...Para deixar eles lado a lado, coloca position:relative; e vai colocando um de cada lado com top: e left:... Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
kildare
Pessoal,
tenho o código abaixo, e gostaria de saber como faço para deixar os campos lado a lado e do mesmo tamanho.
Agradeço a todos.
Link para o comentário
Compartilhar em outros sites
3 respostass 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.