Пара слов о программировании

Предположим мы хотим создать подобный шаблон:

Зачем нам это надо? Ну, например, чтобы внимание читателя привлекла фотография кошки в середине. Как это сделать? (фото кошки получено с PlaceKitten)

читать дальше

Для переноса длинных ссылок, непрерывных строчек текста и другого содержания, достаточно просто применить следующий кусок CSS кода к нужному элементу (например, к тэгу pre):

pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

Демо

читать дальше

Свойство overflow может быть использовано для разные вещей, например для правильного отображения блоков текста. Ниже будет продемонстрировано, какую проблему и как может помочь решить свойство overflow. А так же, я думаю, эти ссылки могут быть интересны:

читать дальше

Ах, инлайновые блоки, такие ненадежные и такие заманчивые в использовании, обещающие много, но дающие мало :) Сколько раз я получал PSD файлы подобные такому:

и чуть не плакал...

читать дальше

При печати веб-страницы с тегом select на ней, выпадающий список будет выглядеть так же как и на экране.

Конечно, в таком виде он совершенно не нужен и бесполезен. Он может даже скрывать совершенно необходимые детали, важные для понимания того, что напечатано (например, набор параметров продукта).

Увы, я не знаю по настоящему простого и красивого способа обойти этот недостаток. Один из наилучших вариантов - продублировать содержимое каждого select`а неупорядоченным списком. И скрыть эти списки для всех устройств, кроме принтера. На мой взгляд, это наиболее простой и удобный подход к решению проблемы.

читать дальше