Очень странно до сих пор наблюдать картинки, выравненные при помощи относительного позиционирования.
Не открою Америку, сказав, что для вертикального выравнивания картинки внутри, скажем, строки текста, существует известное всем css-свойство vertical-align.
Все гениальное просто:
img {
vertical-align:middle;
}Строго говоря, у vertical-align есть весьма интересные значения. Не поленитесь заглянуть в спецификацию и попробовать на практике.
Иногда очень хочется увидеть в спецификации что-то вроде:
discard-rules:all;Одним правилом отменить все воздействия “свыше” на нужный элемент. Было бы очень полезно на стадии разработки и тестирования крупных проектов с многоуровневым наследованием.
Последнее редактирование: 11 ноября 2002 года :)
A {
COLOR: blue; TEXT-DECORATION: none
}
A:hover {
COLOR: #00BFFF; TEXT-DECORATION: underline
}
H1 {
COLOR: #000000; FONT-FAMILY: tahoma, verdana, arial; FONT-SIZE: 19px; TEXT-ALIGN: center;
}
H2 {
COLOR: #000000; FONT-FAMILY: tahoma, verdana, arial; FONT-SIZE: 17px;
}
А какой первый css’ник был у Вас?
В комментариях к предыдущей заметке было справедливо замечено, что не был рассмотрен вариант, когда label’ы располагаются слева от элементов. Исправляем упущение.
Для достижения результата я совместил предыдущую технику и definition list’ы. Код выглядит следующим образом:
fieldset dl dt,
fieldset dl dd {
margin:.4em 0;
}
fieldset dl dt {clear:left;}
fieldset dl label {
float:left;
width:30%;
margin-right:1em;
}
fieldset dl input,
fieldset dl select {
width:50%;
}
Не буду приводить html-разметку, она есть в работающем примере. Скажу только, что данный метод не работает в IE 5.0. В нем наши label’ы все так же находятся на строку выше.
Также не работает задуманное мною поведение при большом label’е. В несколько другой разметке поведение весьма корректное, а вот в этой, “оптимизированной”, мне пока не удается его добиться. Видимо, это не последняя заметка по теме форм :)
Вы когда-нибудь сталкивались с необходимость создания действительно сложных форм. А без таблиц? Я вот столкнулся. Долго мучался, под каждый случай дописывал кучу классов и хаков. А потом сел и подумал.
Подумал о замечательном теге fieldset.
В конце концов практически любую форму можно представить в качестве рядов с некоторым количеством ячеек. А что мешает управлять количеством и расположением оных, если они не скованы ограничениями таблицы? Посредством объединяющего элементы “ячейки” дива, например. Читать дальше →
