megafon4u.ru

Недавно наткнулся на одном англоязычном блоге технику построения звездочек без использования изображений. Для этого нужно научится пользоваться CSS3.

В этой публикации я продолжу цикл статей о создании HTML-макетов.
Рассмотрим трёхколоночный макет.
Достоинства этого макета те же. Его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого.

Рассмотрим двухколоночный макет.
Достоинствами этого макета является его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого.

В цикле этих статей я хочу подробно рассказать, как создать HTML-макеты, которые представлены в одной из статей этого блога.
Достоинствами этих макетов является их одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки.

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

Одной из самых распространённых проблем у начинающих верстальщиков является проблема нестандартного поведения блока, при применении свойства float.
Первая и самая распространённая проблема, это нестандартное поведение блока при применении этого свойства к его дочерним элементам.

Довольно часто на страницах приходится строить блоки, которые должны иметь прозрачные уголки, тянуться по горизонтали и вертикали и иметь графические границы. В сети описано очень много способов, но красивого решения я так и не увидел. Поэтому хочу предложить свое.

Многим новичкам кажется очень сложным выровнять горизонтальное меню (пейджер) по центру веб-страницы. Из-за этого появилось много вариантов центрирования с помощью хаков и с использованием яваскрипт-программирования. На самом деле все намного проще. Это делается с использованием чистого CSS. Необходимо немного разобраться с относительным позиционированием и с правилом float.

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

Если Вы обращали внимание, форма входа на сайте Яндекса выполнена довольно интересным способом. Вернее не вся форма, а поле ввода пароля.
Как известно, при вводе данных в поле типа "password", мы не увидим вводимых символов. Они будут заменены на точки. Тоже самое будет, если для этого поля указать атрибут "value='Пароль'".