Не буду писать введение, просто представлю код и многие удивятся, и всё станет понятно :)
Итак, код html страницы:


Вроде обычный код, но есть непонятный элемент prikol, который ещё и умудряется работать в IE 7, Opera, Firefox отображая текст красным цветом. Забавно, правда? :)

Таким макаром можно сделать любой элемент хоть , главное указывать название элемента в:

Что делать, если вам необходимо установить 100% высоту блока, но обычным height: 100%; ничего не получается?
В этой статье мы рассмотрим решение данной задачи и все же установим высоту блока равной 100%.

Рабочий пример страницы можно посмотреть тут.

Читать полную версию статьи →

Для определения минимального и максимального значения размеров «резиновых» блоков в (X)HTML, предусмотрены свойства CSS max-width и max-height.
Все современные браузеры, например Opera, Firefox и Safari уже довольно таки давно правильно интерпретируют эти свойства даря веб-разработчикам «счастье». Как всегда IE (Internet Explorer) отличился. Почему-то разработчики в очередной раз «забили» на стандарты и сделали по своему — т.е. ничего не сделали.

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

Есть хороший способ заставить IE ограничивать масштабируемые блоки по горизонтали либо вертикали.

Хотите видеть такую навигацию по страницам на своём сайте?
— Нет проблем!

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

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

У табличного лэйаута есть один большой плюс. Любому новичку сразу понятно, как он работает. Когда начинающие садятся за дизайн вэб сайта при помощи CSS, то они иногда теряются, злятся на разные браузеры (Internet Explorer), и потом бросают это занятие и добавляют «родные» таблицы. Тут на помощь приходит Yahoo! со своей CSS библиотекой — YUI.

Данная библиотека — это набор CSS файлов, которые можно использовать для создания современных вэб сайтов. Хорошо, что сайты сделанные с YUI будут выглядеть одинаково в большинстве браузеров, так в добавок к этому — не нужно быть CSS гуру, чтобы пользоваться этой библиотекой. Существует CSS Grid Builder (очень классная штука), с помощью которого можно построить макет своего сайта за считанные минуты секунды без каких либо знаний CSS.

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

Эта таблица ещё и должна хорошо выглядеть. Конечно, если хватает познаний в CSS, и есть время то можно запросто сделать очень красивую таблицу. Но если времени и умений не хватает?
В этом случае поможет Tablecloth. Нужно добавить 2 строчки кода и посетители будут в восторге от ваших таблиц :)

Если интересно, кликаем по заголовку статьи и читаем дальше.