d0ublezer0

s0rr0w ну попробуй отключить это свойство в Firebug? Всё улетает сразу

Да, всё отлично. Кроме нужного мне оформления я еще добавил стили для неактивных пунктов.

Во! Красота! Щас причешу и выложу на проверку Спасибо тебе.

Да, собственно там визуально ничего сложного: Вывести список горизонтально. В списке может быть ссылка, а может быть просто текст. В каждом элементе списка присутсвует графическое изображение - кружок такой зеленый ) Нужно выровнять весь текст в каждом элементе списка по центру этого элемента. Название шага должно располагаться сверху от кружка. Активная область ссылки (если ссылка присутствует) должна охватывать и сам кружок, то есть чтобы он тоже нажимался. И как бы всё это кроссбраузерно. На самом деле я бы уже давно забил и на IE7 и на возможность нажимать кружки, и сделал бы проще. Но - азарт и жажда победить уже не дают покоя.

Да, я уже догадался до этого, еще в первом посте описал возможное решение. Я немного переверстал всё, убрал лишнее. Страничку обновил, для интересующихся. Всё равно остаются проблемы. При em с флоатом элемент прибивается к левому краю, и по центру (margin: 0 auto;) не выравнивается. Да, и в IE7 em не считается ссылкой (ну, то что он внутри ссылки), нажать на него нельзя. Почему так? Из-за его блочности?

В том вся соль - у ссылки (у текста над кнопкой) должно быть подчеркивание, а в круге его быть не должно. Извините, сразу не пояснил.

при float:left не отрабатывает margin:5px auto - кружок прибивается к левому краю и text-decoration всё же не работает - подчеркивание у цифры и слова "шаг" остается Ну вот посмотрите еще раз, сделал как волкер посоветовал

Вот В IE7 выводится вертикально. LI делаю блоками, потому что они должны ограничивать ширину внутренних элементов li inline не помогает Что не так? Как-то я криво сверстал, а где накосячил - не пойму, пятница видимо И еще, бонусом вопрос - как убрать подчеркивание у текста в круге? text-decoration не помогает Вариант - смысловой текст ссылки в spаn - и уже ему назначать подчеркивание а самой ссылке установить text-decorationЖтщту В общем, ребята, если подкинете совет, то буду признателен.

Мда, точно.

Ну, это типа как бы бонусом можно, эдакая пасхалка для правильных пацанов У кого работает - у тех будет с переносами. А другим - утереться и идти пить чай.

Как-то так Вкратце - либо добавлять атрибут value к <LI> либо ждать полноценную поддержку HTML5 чтобы везде <OL reversed="reversed"> работало.

А может тег разбивать на две строки? <img src="ddd" /><img src="aaa" /> Только тоже не красиво как-то

Ну и для таблицы так же. HTML: <table class="hoverme"> <tr> <td>ляля</td> <td>ляля</td> <td>ляля</td> <tr> <tr> <td>ляля</td> <td>ляля</td> <td>ляля</td> <tr> <tr> <td>ляля</td> <td>ляля</td> <td>ляля</td> <tr> </table> CSS: table.hoverme td { background-color:#FFF; } table.hoverme tr:hover td { background-color:#EFEFEF; } Примерно так должно работать UPD: Searcher опередил меня

HTML: <img src="picture.jpg" class="widepic" /> Обратите внимание на отсутствие явно заданных атрибутов width и height CSS .widepic { width:100%; max-width: 500px; /* тут укажите реальную ширину вашей картинки, чтобы ее не растянуло больше, чем нужно */ } Таким образом, ваша картинка будет сжиматься/растягиваться по размерам родительского элемента, но не более, чем свой истинный размер.

Попробуйте в вашем коде в правую и левую колонки положить в фон не повторяющуюся картинку (в правую и левую - разные), чтобы они были привязаны к краям центрального блока. В левом - к левому краю центрального, в правом - соответственно, к правому краю центрального блока.

В общем, я на табличке сделал. Сразу все вопросы отпадают - и по высоте и по положению фона.

UPD: Что-то я покопался, народ с такой задачей парится, решить не может. Колонки резина-фикс-резина и чтобы колонки были по высоте центральной. Центральная должна быть выровнена по центру страницы. Пока на ум приходит только таблица

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

У меня похожая задача встала, но твой, волкер, метод мне не подходит. Задача такая - левая и правая колонка используются для фона, в обоих колонках фон разный. Эти колонки должны схлопываться по ширине, если не убираются в экран. Центральная колонка фиксированной ширины. У тебя все три колонки имеют явную высоту, вот это мне как раз и не подходит. Как сделать, чтобы боковые колонки вытягивались по высоте центральной? Если только центр в них вложить чтоли..

Ну либо нарезать картинок под каждый кадр, если смена кадров не плавная. менять SRC и HREF через скрипт

Ну, два варианта - либо Flash, либо JavaScript.

Demas, вы пытаетесь к таблице применять свойства, применяемые к блочным элементам. Мало того, еще и не правильно это делаете (надо через свойство style, да и тогда всё равно не заработает). Найдите время, почитайте всё же приведенную ссылку, там очень доступно всё изложено. А хамить - последнее дело. Не на лавочке с семками. Удачи.

Предвижу следующий вопрос по теме - а как средствами CSS выставить 32 бита на мониторе?"

Ради бога, Гугл это сделал бесплатно Перевод от меня - за деньги.

Вам перевести на русский?