extruder

Ну вы сами подумайте, как может быть ошибка. При первом запуске в опере открывается неправильно, при обновлении - все правильно. Я просто думал, может это распространенная ошибка оперы, и люди в курсе нее? Код выкладывать даже не знаю. Там большой html и огромный css.

Есть два div, друг от друга отделены margin 40px. Везде работает нормально, кроме оперы. Пробовал и ставить для верхнего слоя margin-bottom: 40px, и для нижнего margin-top: 40px. Без разницы. При первом открытии страницы в опере никакого отступа нет. Слои слипаются. Обновляю страницу - margin появляется. В чем может быть причина, и как решить? Прошу помочь. Спасибо.

А вот этот вариант я не пробовал! Все сработало, отлично. Сорров, очень благодарен!

По-всякому пробовал li #service #menu li #service #service Никак не срабатывает.

Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.

Спасибо, коллеги! "display: inline" - все исправил.

Всех приветствую. Возникла непонятная ситуация. Имею сверстанный лэйаут, отлаженный во всех броузерах. Кроме IE6. В ходе отладки под IE6 выявилось следующее. Имеется div, у которого float: left; Есть настройки margin: 30px 10px 30px 14px; Так вот, во всех броузерах, в том числе и в IE7, он имеет отступ слева 14px, а в IE6 - почему-то 28px. Попытка играть со значением выявила то, что в IE6 это значение просто умножается на 2. Если убрать float, то все нормально, такой эффект не наблюдается. Много читал про особенности поведения IE в разных ситуациях, но вот такого никогда не видел. Кто может подсказать, в чем это связано, и как это решить? Спасибо.

А как при этом сделать, чтобы вся эта конструкция была выровнена по центру по горизонтали?

На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким образом можно задать мультибраузерную автоматическую подгонку размеров блока под содержащуюся в нем картинку? Прошу помочь. Спасибо.

Вот цитата из этого же сайта htmlbook.ru.

Ну только для того, чтобы появилась одна ссылка, грузить целый js я не стану.

Не помогло.

Можно менять стиль ссылки ява-скриптом по onclick.

Есть div, в котором есть ссылка. Фоном для этого слоя задан PNG с прозрачными областями. Для отображения его в IE использую AlphaImageLoader. Ссылка при этом, хоть и отображается, но перестает быть ссылкой - не реагирует на наведения и клики. Вопрос. Это поведение фильтров IE каким-либо образом можно исправить, или лучше плюнуть и оставить ссылку как есть?

Присвоить класс для всех нужных tr не получится?

Вот так надо background: url(/images/title/logo.png) no-repeat !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/title/logo.png"); То есть, перед использованием фильтра, надо отменить бакграунд. А чтобы на других броузерах был виден - дезавуировать эту отмену при помощи "!important".

Гм, теперь заработало. А раньше не работало. Мистика какая-то. Всем спасибо.

Всех приветствую. У меня есть примерно такая конструкция. <div class="article"> <h2><a href="#" title="Ссылка заголовка">Заголовок</a></h2> Текст текст текст текст текст текст текст текст <a href="#" title="Ссылка 1"> <a href="#" title="Ссылка 2"> <a href="#" title="Ссылка 3"> <a href="#" title="Ссылка 4"> </div> Стили для ссылок 1, 2, 3, 4 уже заданы. Стиль заголовка тоже задан: .article h2 {...} Как мне задать отдельные настройки для ссылки заголовка? Конструкция .article h2 a:hover {...} не срабатывает. Прошу помочь. Спасибо.

Так ведь внутри нет одного какого-то тега, который все в себя включает. Там содержимое может быть таким: <h2>...</h2> <p>...</p> <hr> <img src="..."> <p>...</p> То есть, просто контент, который может содержать любые теги. Ну не присобачивать же всем тегам серый фон через таблицу стилей?

Мда, воистину хентай. :| В общем, я разобрался. Дело было в том, что не была задана высота блоков. Было: .theme{ width: 100%; margin-bottom: 20px; } Стало: .theme{ width: 100%; margin-bottom: 20px; min-height: 86px; _height: 86px; } Здесь задан min-height для оперы и файрфокса, а для IE6, который не отрабатывает это свойство, задан хак _height. А может кто-нибудь в курсе, с чем вообще связано то, что при наведении на ссылки, прыгали размеры блоков?

Кстати да, странно. А у них что, float работает по-другому?

Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.

Дело в том, что у меня такие блоки используются не только для данной конкретной менюшки. Там может быть какой угодно контент, в том числе и не списочный.

Mordraug, Большое спасибо, уважаемый коллега! Подскажите, пожалуйста, еще вот что. Ссылка та же. http://www.untex.com/7/ Можно ли каким-либо образом сделать весь этот блок - серое поле, вокруг него белый отступ в 4px, и вокруг еще однопиксельная серая рамочка - чтобы весь этот блок был сделан в одном div'е. Сейчас это делается двумя. .block_outside{ width: 100%; border: #EAEAEA solid 1px; padding: 4px; margin-top: 20px; } .block_inside{ width: 100%; background: #F0F0F0; padding: 10px 6px 12px 8px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; } <div class="block_outside"> <div class="block_inside"> ... </div> </div> Таких блоков на лэйауте страницы будет много, хотелось бы минимизировать код, сделать все в одном div'е. Подскажите, пожалуйста. Спасибо.

В общем, убрать точки из нумерованного списка я так и не смог. Все-таки придется использовать 10 картинок. Решил остановиться на таком варианте. http://www.untex.com/7/ По-моему, очень классно получилось, как считаете, коллеги?