megafon4u.ru

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

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

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

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

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

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

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

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

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

Недавно столкнулся с такой задачей. Необходимо было при вызове поп-апа затемнить остальной фон сайта. При этом затемнение должно было быть прозрачным. Эта проблема решается довольно просто. К нам на выручку, опять же, придет библиотека jQuery. С начала расскажу теоретически всю физику процесса, а потом покажу код и объясню как он работает.