Justnewone

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

Прогуглите "адаптивная верстка"

Какой классный сайт =)

Wow...

Попробуйте сами, если будет интересно.

Читайте книгу эрика мейера про CSS "с рыбами", книги "научись верстать за 24 часа" и прочая лабуда не практичны - информация надергана из тырнета. Из HTML по логике надо только с 2-3 десятка тегов, коих можно найти тут на сайте, а все остальное в верстке - это в первую очередь CSS. Если не хотите ниче читать бумажного советую, найдя страницу с нужным лайотом (типа столко то колонок/столбцов) разберите ее на части и соберите обратно. 10 таких страниц, и Вы будете огого

а если обернуть в еще див и бекграунд перенести на него?

А че, XML человек понял сам ))) Только надо еще неймспес указать ))) ТОчно не помню, но в каком то из ослов даже стили можно было прицепить к собственным тегам.

Может и div{display:inline} помочь.

На мой взгляд, организовано все очень наглядно и как 2 копейки. Настолько же удобно я видел только в phped, но он тот еще монстр. В эклипсе, это Монки скрипт, причем хот кей вешать - не каждый справится. а тут, что "до", потом что "после", потом назначаем хоткей, выделение в тексте и опа - обернул. Количество и вариации не ограничены. Синхронизация проекта - супер, в эклипсе, к сожалению, все не так радужно. У меня тоже самое, notepad++ и DW CS4 покрывают абсолютное большинство задач. От просмотра исходного кода и редактирования текстовых файлов до синхронизации по STFT. DW, как любой другой IDE, требует по началу повышенного внимания, но после окончания этих процедур вознаградит по полной. Стоит он 0 рублей и 0 копеек. Никто не запрещает ставить его триально на месяц, потом сносить, чистить реестр и устанавливать заново =) ну или еще как-нибудь, выходов много

Лисица под линуксом парсит иначе в случае размеров в em или в случае связки граничной ширины некого слова и блока в Win и Linux. Например, некий блок, который своим бекграундом должен соответствовать бекграунду родителя. Тут будут засады. По крайней мере - убунта 8.10

onMouseOver="java script: this.style.backgroundImage='url(OABS.jpg)'; - это некашерный путь Если картинка тяжелая, то смена будет происходить с задержкой. Чтобы избежать опять прибегаем к JS - прелоад картинок. Самой надежное и простое, я считаю, для всех нормальных браузеров использовать :hover, а для ненормальных на наведение назначать класс, например .hover, на онмаусаут - этот класс отбирать. CSS TD:hover{ background:OABS.jpg; } А в отдельном файле для осла TD.hover{ background:OABS.jpg; } Тем самым код оптимизируете, не будет тормозов лишних, и ваще, в 21-м веке делать ховер не для IE6 с помощью JS - это БРЕД.

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

CTRL + колесо на их сайте меня сразу отговорили.

Никак

Оригинально, конечно, но при условии фикс. ширины вообще двумя дивами можно обойтись.

Дримвивер крут не своей визивиговой стороной, достаточно переключица навсегда в режим кодера и под рукой очень редактор с подсветкой + мощный арсенал. Без сниппетов вообще жить теперь не могу, а в нем реализация оных выше всяких похвал. Если в него интегрируют каким-нибудь образом Zen Coding, то большего удобства, боюсь, сложно будет найти.

потому что он сбалансирован и взвешен до мелочей, очень хорошо подготовлена графика. А у Вас?

Я бы поступил так: <dl> <dt><label for="defenition1">термин1</label></dt> <dd><input id="defenition1" /></dd> ... <dt><label for="defenitionN">терминN</label></dt> <dd><input id="defenitionN" /></dd> <dl> В стилях, окромя резета и прочего, только по расположению: DL{ width:100%; /* стараюсь указывать ширины, у родителя DL она тоже указана */ } И тут 2 пути, либо мне надо, чтобы пари переносе строки поле было у ":" либо на первой строке 1 путь, ":" DT{ width:50%; /* ну там или сколько надо, на глаз хоть жестко хоть в процентах */ } DD{ margin-left:50%; margin-top:-1em; } 2 путь, "на самом верху, то есть относительно первой строки термина" DT{ float:left; width:50%; /* ну там или сколько надо, на глаз хоть жестко хоть в процентах */ } DD{ margin-left:50%; } Далее надо малость поколдовать с отступами и ширинами полей но это уже мелочи. Вот примерно так, конечно, кто-то наверняка скажет, что это излишне, но видать я перфекционист ))).

Хороший дизайн, кстати. Отступы не только в опере, у меня в FF тоже. Картинка по высоте меньше чем высота + паддинг. Смотря от какого края, в ту сторону и добавляйте соответствующий паддинг, который отодвинет текст. Если хотите, я загорелся Вашим дизайном и дело хорошее, готов разверстать макет, завтра буду дома целый день, напишите в личку. PS: Только если Вы делаете это на энтузиазме, не ради денег.

Относительно семантики что дивами что таблицами - едино. Если же разбивать текст действительно по смыслу, то тут может дойти и до списков, вложенных в другие списки, причем любых, UL, OL, DL. Если Вы умеете грамотно оформлять текст в ворде - то же самое практически с оформлением в html, основа у них общая. Если таблицами пользуются только для того, чтобы получить стройную колоночно-строковость, то я против такого подхода, то же самое, что создать в ворде таблицу только для того, чтобы расположить блок текста справа просто от незнания как это делается элегантно. Если же в табличных данных нужно добавить поля ввода и т.д. - тогда конечно. В общем, впереди всегда должен быть здравый смысл, а уж кто что в это понятие вкладывает - на вкус и цвет товарища нет.

Значение - поле/селект оформляю в DD - DT. Кому как удобно так и делает, критерии тут разные, время, стоимоть, "гемор" и прочее.

Бегущая страка - гавно. Там что, котировки акций или еще какая-то второстепенная информация для записи на видео и последующего анализа на маленькой скорости? за исключением пары на странице "галерея" все остальные картинки на сайте либо пережатые либо размытые. текст без абзацев - чтобы вам самим такие книги читать ))). навигация невнятная, зачем два раза Биография / Биография на странице? Сделайте активным пункт меню, почетче выделите, внутри красивый текст. Гоголь - не стивен кинг, в частности, все мы знаем его трагикомедии и просто комедии, От вашего черного дизайна вот только ладаном не пахнет, жутко, короче.

Было хорошо, за исключением 1 и 2 которые я описал.

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