Достался сайтец.... откуда начинать ремонт, что убрать/оставить?

скажи мне... а в чём ты всё это верстал?...

Я вот подумал - у меня ведь немного элементов. Шрифт одинаковый, картинок фоновых всего две-три, страницы тоже всего на три элемента делятся, приём два (лево и верх) - "статика", меняться будет только справа контент. А у тебя стока Id, я уж запутался в них. Там ведь и половина не нужна?

ID лишними не бывают =)

Верстал в блокноте. В принципе, спецификация CSS позволяет обходиться гораздо меньшим кол-вом идентификаторов, используя более сложные селекторы. Только вот одна беда: IE их не понимает.

Контент, обернутый в 3 дива - это прием такой, позволяет использовать минусовые маргины. Изучить можно здесь: http://www.i2r.ru/static/476/out_21614.shtml

Спасибо, дорогой товарисч! Будем опять читать.

Или здесь: http://webmascon.com/

а так же еще много интересного про css и верстку..

кстати все хорошо в 3-х колоночной верстке, кроме одного - 2 колонки фиксированной ширины.. Интересно есть ли вариант реализации 3-х колоночной верстки (в css!) чтобы 2 колонки из 3-х были "резиновыми" в заданной пропорции?

ещё вопрос - есть код:

.menu {

background-image: url(1.gif);

background-repeat: repeat-y;

width: 215px;

}

.menu a {

color: Maroon;

}

.menu-middle-left A:hover {

background-image: url(2.gif);

background-repeat: repeat-y;

width: 215px;

color: Blue;

}

Это всё применено к <td> в таблице. (Из повтора по вертикали (background-repeat: repeat-y;) видно, что делаем вертикальное меню - так, к слову)

Суть такая, чтобы при наведении на ссылку, менялся цвет текста и картинка под ним (более светлые на более тёмные, к примеру).

Цвет текста меняется исправно, но вот бэкграунд, зараза, появляется только под текстом, а не по ширине всей ячейки.

Как так вот сделать, "ховер" этот чтоли на всю ячейку распространить? Иначе никак?

По всей видимости вы что-то не дочитали, или еще как но попробуйте в css исправить это так

.menu A:hover {

background-image: url(2.gif);

background-repeat: repeat-y;

width: 215px;

color: Blue;

}

А можно и совсем просто:

.menu a:hover {

background: url(2.gif) repeat-y;

width: 215px;

color: Blue;

}

т.е. вы просто разным классам давали понять как себя вести (и второй длинный клас был прикреплен к ссылке что и давало эффект только на буквы)

Моя рекомендация www.xpoint.ru отлично и о многом и есть возможность спросить.

cims, опс, перепутал.

Пральна, эти два класса различаются только ховером и гифом:

.menu {

background-image: url(1.gif);

background-repeat: repeat-y;

width: 215px;

}

.menu a:hover {

background-image: url(2.gif);

background-repeat: repeat-y;

width: 215px;

color: Blue;

}

Вот. Проблема в том, что наведение распространяется только на текст, хотя класс приписывается к табличному элементу <td>, и должен распространятся и на бэкграунд тоже. Или нет?

... пойду читать.

вроде увидел... добавляем следующее:

.menu a {

display: block;

width: 215px;

height: auto;

color: Maroon;

}

Тогда ссылка идёт не по тексту, а блоком, которому мы задаем размеры. Размеры совпадают с ячейкой -> ссылка совпадает с бэкграундом -> всем хорошо. :) спать хочу уже....