mavsic

Привет, ребята! Нужно сверстать страницу, на которой могут быть блоки двух видов: Кроме того, цвет блока обязательно должен указываться в свойстве background-color, а не в каком-нибудь другом. Тип блока должен определятся классом (например, .type1 и .type2), отличаться по HTML они не должны. Таблицы не канают. Помогите, а? Заранее спасибо.

Привет! Недавно решил попробовать сверстать страничку дивами. На странице слева колонка фиксированной ширины, справа - на всю оставшуюся ширину страницы. Как я сделал: body { margin: 0 0 0 80px; } #left { float: left; margin-left: -80px; width: 60px; /* Между колонками отступ 20px */ } #right { float: left; width: 100%; } Проблема, как водится, с IE6: не отображается левая колонка, видимо, именно потому, что вылезает за границы поля. Я проверил: если сделать колонку чуть шире, чем поле (например, 90px), то отображается именно торчащий 10px кусок. В связи с этим вопрос: как исправляется подобное поведение? Если никак, то какие еще способы реализации вы можете предложить? Заранее спасибо.

Ясно, так и сделаю!

В блоге Ильи Бирмана была опубликована заметка о способах оформления ссылок, заключенных в кавычки. Реализация того способа, который Илья называет правильным, на его собственном сайте очень проста: ссылки по умолчанию не подчеркнуты, внутри тега <a> принудительным образом подчеркивается только текст без кавычек: <a href="iscroll/" class="nou">«<u>Айскрол</u>»</a> Я счел это решение не слишком изящным и решил попробовать написать свой собственный способ. Мое решение было использовать псевдоклассы :before и :after, а также свойство content. a { color: Blue; } a:hover { text-decoration: none; } a.quoted { } a.quoted:before { content: "\00ab"; text-decoration: none; } a.quoted:after { content: "\00bb"; text-decoration: none; } А вот HTML: Материал для этой статьи взят из <a class="quoted" href="http://ru.wikipedia.org">Википедии</a>, свободной энциклопедии. Во всех браузерах, поддерживающих указанные средства CSS, я вижу следующую картину: То есть кавычки по-прежнему подчеркнуты! При наведении мыши, как и предполагалось, подчеркивание убирается. Я также пробовал вместо подчеркивания использовать border-bottom: solid 1px Blue, а для a.quoted:before и a.quoted:after указывать border-bottom: none, но также безрезультатно. Есть ли у вас какие-нибудь идеи, с чем связано подобное поведение? Возможно, оно является нормальным, я не часто работаю с :before и :after и, возможно, упускаю какие-нибудь важные моменты. В таком случае, подскажите, пожалуйста, возможные альтернативные решения этой проблемы. Надеюсь на вашу помощь.