теперь вопросы по блочной html-верстке:

то, что сделано таблицами:
http://www.kareltd.spb.ru/tmp/template3.html

нужно сделать div-ми:
http://www.kareltd.spb.ru/tmp/kare.html

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

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

А вообще такое меню, правильные ребята списком делают.

списком не сделать, по-моему, т.к разные ячейки таблицы.

В смысле разные
Таблицы там вообще выкинуть следует.

Это весь код в html, который требуется для вашего меню.

Цитата:

3) профессионален ли код? как его можно усовершенствовать?

Нет не профессионален. Его можно сократить в разы. Hint: использовать сокращения.
Например:



благополучно можно заменить на

По-моему такой код может сделать только какая-то автоматическая функция какой-то программы. Ну, например фотошоп.
Или есть такие люди которые ТАКОЕ руками пишут?

Ответы на вопросы:
1. Потому что разработчики браузеров по разному программировали их и каждый из них (разработчиков) читал разные страницы спецификации CSS
2. см. п.1
3. Код не профессионален. На уроках информатики в школе детки лучше делают.

То что вам интересно - очень хороший симптом

bong13, IonDen666, спасибо. меню сделал.

Кира, а что такое профессиональный код? почему симптом?

теперь осталось решить главный вопрос №2.

С таблицами, колспанами и роспанами явный перебор. Например, для чего в левом столбике вообще применена вложенная таблица? Судя по содержанию там достаточно такой вот конструкции:

<div id="logo"></div>
<ul id="menu"><ul>

И все.

Чтобы главный левый столбик не ломался на низких разрешениях, достаточно вставить туда распорку типа:
<div style="width:253px;"></div>

—

- valign="middle" на <table> писать не надо, все равно работать не будет
- пустые ячейки в таблицах должны сопровождаться хотябы &nbsp;
- отступы внутри ячеек таблицы делать гораздо лучше так: <td style="padding:0 20px;">, а не пустыми ячейками с роспанами.
- футер не стоит объеденять с основным лэйаутом в одну таблицу, полюбому гденить разъедится.
- если вы задали таблице высоту 110px то совсем уже не нужно каждой ячейке её же прописывать.
-
BODY {
margin : 0;
}
недостаточно необходимо еще добавить padding:0; а лучще вообще все обнулить вот так: * {margin:0; padding:0;}
- font-family: "Tahoma"; - в кавычки заключаются лишь названия шрифтов состоящие из нескольких слов.

В целом пока еще все очень плохо.

IonDen666, спасибо)

Я нашел решение.

Цитата:

- Минимизация и оптимизация кодировки страниц (избавление от излишней вложенности элементов - матрешек) - Отделение стилей оформления от содержания (Complete Presentational Separation)

White777, на самом деле второй колонке совсем не нужно задавать ширину костыль это. Достаточно левой колонке написать нужную ширину и таблице 100%. Если же у вас левая колонка разъехалась, значит что-то внутри нее её распирает.

div между li - низя.

http://www.cadensia.ru/ - посмотрите как сделано правое меню, вроде вы такого хотели.

bong13, спасибо.

смотрим новый вариант и новые вопросы.

ну почему никто не отвечает.…

а где новый вариант, по какой ссылке, и где вопросы ?

White777 писал(а):

смотрим новый вариант и новые вопросы.

ну новый вариант посмотрела. А вопросы где новые?

Да тут один большой вопрос

тогда один большой ответ
http://www.w3.org/TR/REC-CSS2/cover.html#minitoc

ну повеселили. а Я, думаете, идиот?

ладно тогда по порядку (если на примере, мы поговорить не можем):

нужен CSS макета в две колонки c футером, левая - фиксированная, правая - резиновая

и CSS макета в три колонки, левая и правая - фиксированные, центральная - резиновая

чтобы во всех броузерах IE5+, Opera, Firefox и Safari смотрелось одинаково хорошо.

есть хорошая поисковая система google.ru
вводите слова для поиска и получаете результат
http://webhost.bridgew.edu/etribou/layo … _left.html
http://css-discuss.incutio.com/?page=CssLayouts
и т.д. и т.п.
Писать за вас css тут ни кто не будет. Если бы был заковыристый вопрос, то тогда подумали бы. А тут вопрос из учебника

White777, ну нафига это надо Я всегда делаю такой лэйаут таблицей, ибо надежней и кросбраузерней, особенно при требованиях ИЕ5+