Выравнивание полей формы

im кодирование HTML-формы только сейчас и i havinfg небольшая проблема, выравнивающая поле комментариев справа от текстовых полей.Выравнивание полей формы

У меня есть 3 поля текста, и я хочу, чтобы текстовые поля комментариев выравнивались справа от них, ive попробовал плавать по нему правильно, а затем дал ему отрицательный верхний парган, чтобы переместить его в линию, но текст, который я хочу сказать «комментарии», не плавает с текстовыми полями, так как он не имеет класса

есть ли более простой способ сделать это?

<style type="text/css"> 
    ![enter image description here][1]<!-- 
    body { 
background-color: #FFF; 
    } 

    #form { 
width:960px; 
background-color:#edf8ff; 
height:650px; 
    } 

    .gezza-form { 
width:894px; 
margin:0 auto; 
margin-top:20px; 
    } 

    .gezza-field { 
width:437px; 
height:75px; 
margin-bottom:10px; 
border: 1px solid #d9e7f1; 
    } 

    .gezza-comments{ 
width:437px; 
height:300px; 
float:right; 
margin-top:-80px; 
    } 

    --> 
    </style></head> 

    <body> 


    <div id="form"> 

    <form action="" class="gezza-form" method="post" > 
    First Name<br /> 
    <input name="firstname" type="text" class="gezza-field" /><br/> 
    Last Name<br /> 
    <input name="lastname" type="text" class="gezza-field" /><br/> 
    Email Address<br /> 
    <input name="email" type="text" class="gezza-field" /> 
    Comments<textarea name="comments" cols="" rows="" class="gezza-comments" ></textarea> 
    </form> 


    </div><!-- close form -->

Вот что им пытаются достичь

[1]: http://i.stack.imgur.com/g3yO8.png VIEW IMAGE

источник

2012-02-09 Gezzamondo

Вы можете создать две дивы удерживать другие элементы и устраивать их рядом друг с другом.

Вы можете использовать таблицу и соединить ячейки, чтобы сохранить раздел комментариев.

источник

2012-02-09 12:42:10

И если вы измените .gezza-поле для:

.gezza-field { 
width:437px; 
height:75px; 
margin-bottom:10px; 
border: 1px solid #d9e7f1; 
float:left; 
}

источник

2012-02-09 12:42:09 joelkema

это не сработало – Gezzamondo

Выравнивание полей формы

ответ

Смежные вопросы