Aliniere form-uri unul sub altul

Coduri intrebari, probleme legate de HTML, XHTML si CSS
andras
Mesaje: 430

Aliniere form-uri unul sub altul

Salut,
O problema care inca persista la mine si n-o stapinesc bine: alinierea elementelor in pagina.
Cum aliniez 2 form-uri pe verticala perfect aliniate unul sub altul? Ambele au aceeasi latime si al doilea se deschide cind dau submit la primul. Tot incerc dar nu reusesc. Sa folosesc 1 div? Sau 2 div-uri? Multumesc.

MarPlo Mesaje: 4343
Salut
Acele form-uri sa fie egal aliniate unul sub altul, se seteaza la toate aceleasi proprietati css pentru: margin, padding, si width.
Uite cum e in acest exemplu:

Cod: Selectaţi tot

<style>
#frm1, #frm2 {
border: 1px solid #33f;
margin: 1em auto;
padding: 3px;
text-align: center;
width: 75%;
max-width: 600px;
min-width: 300px;
}
</style>
<form action="#" method="post" id="frm1">
Form 1: <input type="text" name="inp1" /><br>
<input type="submit" value="Submit 1" />
</form>
<form action="#" method="post" id="frm2">
Form 2: <input type="text" name="inp1" /><br>
<input type="submit" value="Submit 2" />
</form>
Demo:
Form 1:
Form 2: