В приведенном ниже коде есть текст с надписью «Добавить комментарий:», поле ввода и кнопка отправки. Каков наилучший способ дать им характеристики ниже?
Заранее спасибо,
John
Характеристики:
- Добавить комментарий: "быть на 30 пикселей ниже нижней части того, что называется <div class="subcommenttitle">'.$submission.'</div>, если нет комментариев.
- Добавить комментарий: "на 30 пикселей ниже нижней части предыдущего комментария, если есть один комментарий или два или более комментариев.
- Верхняя часть поля ввода всегда должна быть на 30 пикселей ниже текста «Добавить комментарий:»
- Верхняя часть кнопки отправки всегда должна быть на 30 пикселей ниже нижней части поля ввода.
Код:
<label class="addacomment" for="title">Add a comment:</label>
<input class="commentsubfield" name="title" type="title" id="title" maxlength="1000">
<div class="commentsubbutton"><input name="submit" type="submit" value="Submit"></div>
Сопровождающий CSS, который я пробовал (но он не работал):
.commentsubbutton
{
margin: 20px 0 30px 30px;
text-align: left;
margin-bottom:3px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}
.addacomment
{
margin: 30px 0 30px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.commentsubfield { margin: 30px 0 30px 30px; width: 390px; height: 90px; border: 1px solid #999999; padding: 5px; }