Gaspode
-
Posts
863 -
Joined
-
Last visited
-
Days Won
4
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Gaspode
-
Нет, извиняюсь, не так. Надо ширину и margin повесить на html, а фон - на body. Тогда всё будет хорошо UPD Ссылки нема, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> * { margin: 0; padding: 0; } html { width: 1000px; margin: 0 auto; background: yellow; border: 1px solid black; } body { background: url('http://htmlbook.ru/themes/hb/images/logo.png') no-repeat top right; height: 400px; } </style> </head> <body> <p>Раз-раз-раз</p> </body> </html>
-
Неа, он будет точно таким же, как и с body.
-
Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки. 4. Ниже этого блока может быть ещё один (или много) таких же, только ячеек там может быть две или вовсе одна. 5. Левая граница левой ячейки прижата к левому краю блока. Если есть третья ячейка, её правая граница прижата к правому краю блока. 6. Ячейки растягиваются по ширине содержимого. Будем считать, что контроль за тем, чтобы они помещались в одну строку, ведётся (суммарная ширина не превышает ширину блока). Таблицей делать не хочется, потому что а) пункт 2. тогда без скриптов не реализовать. б) Возможно, надо будет организовать ячейки иначе, тогда таблица будет мешать, а не помогать. в) да и логика тогда хромать будет. Всё-таки хотелось бы, чтобы блок был блоком, а не был раскидан по разным строкам. display: table - не подходит, потому что IE загибается на этом.
-
Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?
-
Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* Chrome подсвечивает все <dt> */ } ul { margin-top: 50px; } li:first-child + li + li { color: green; /* Chrome подсвечивает все <li>, начиная с третьего */ } </style> </head> <body> <dl> <dd>1</dd> <dt>Раз</dt> <dd>2</dd> <dt>Два</dt> <dd>3</dd> <dt>Три</dt> <dd>4</dd> <dt>Четыре</dt> <dd>5</dd> <dt>Пять</dt> </dl> <ul> <li>Мама</li> <li>мыла</li> <li>раму,</li> <li>Маша</li> <li>ела</li> <li>кашу</li> <li>о_О</li> </ul> </body> </html> Огнелис и Опера работают как надо. Что я делаю не так?..