lavr-ik

Один table - нет, разве что использовать несколько уровней вложенности. Однако этот макет на раз-два верстается блоками ;-) Мой переход от таблиц к блокам в самый первый раз был обусловлен именно громоздкостью конструкции для верстки аналогичного макета.

Самое лучшее - это точно знать свою главную специализацию, и иметь начальные знания в смежных. Начальные - имеется в виду такой уровень, который при желании можно легко поднять до необходимого уровня. Я знаю php на уровне простейшей выборки из базы, javascript и jQuery на уровне того, что могу разобраться в логике чужого кода, имею представления о дизайне и владею photoshop на уровне нарезать макет\простейшая работа с эффектами, но я специалист в XHTML/CSS и именно в этом направлении я постоянно развиваюсь. Я считаю, что такой вариант - оптимальный, т.к. универсальность, не идущая в ущерб качеству, в природе очень редка. Просто трезво, честно оценивайте свои возможности. Тоесть ты хочешь сказать, что нельзя добиться хорошего уровня во всех технологиях сразу, если допустим изучать всё поочерёдно и по несколько лет? В таком случае ты будешь хорошим специалистом во многих областях, хотя мог стать профессионалом высшего класса в одной. Каждый сам для себя решает, какой из вариантов лучше.

Скажите, что такое дизайн, на ваш взгляд?

Типографика ужасная: не соблюдены пропорции шрифтовых размеров, в итоге большинство текста склеивается в один, название передачи в рубрике "Передачи" постоянно скачет (иногда оказывается выше верхней границы изображения, иногда, как и должно быть, на одном уровне). Непонятна логика выравнивания заголовков по правому краю в лвой колонке меню. Вообще, пространство использовано неэкономично: гораздо лучше было бы вынести Мероприятия и События, скажем, в навигационное меню и избавить его от вслывающих пунктов подменю. Gif-анимация безнадежно морально устарела. Не совсем понятно, почему CSS объявляется в теле HTML (скорее всего, у вас движок). if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover); Нельзя сказать, чтобы такой вариант был идеальным, в отличие от вынесения скрипта в условный комментарий - железобетонная гарантия. У вас объявление стилей прямо в коде - это ужасно. <a href="#">Форум</a> Нет ничего хуже, чем пустые ссылки в запущенном проекте. Т.к. разделы пока не готовы, уберите эти ссылки вообще. text-align: justify Отбивка по ширине, наверное, одно из наибольших зол html-верстки.

Нормальное выравнивание - это body { text-align: center; } div.required { margin: 0 auto; text-align: left; } text-align: center используется как костыль ИЕ6. Выравнивание текста по центру отменяется в объявлении равил для div.required. Данное решение кроссбраузерно.

Разумеется.

Я тоже поступаю так в большинстве случаев (когда сайт поддерживается сторонними людьми). Но когда я веду сайт дальше, обновляю его, поддерживаю (довольно часто поступают и такие просьбы), то стараюсь использовать меньше интуитивно понятных конструкций (все-таки, мне кажется, <a href="#">Hello!</a><br /> интуитивно больше понятно, чем <div class="somediv"><a href="#">Hello!</a><a href="#">World!</a></div>, CSS div.somediv a { display: block; margin: 1em 0 0 0}) Вообще, я достаточно серьезно меняю стиль верстки, если знаю, что дальше с ней буду работать я

Ужас, лемминги хавают моск ~_~ (топикстартер, я не про вас) <style> html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } </style> Проблема - если контента больше, чем помещается на видимой области экрана, его не будет видно, т.к. body обрезает то, что выходит за его границы. Эта проблема лечится той самой грамотной комбинацией правил min-height, height: auto!important, height для body и блоков контента.

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

Searcher, благодарю за комментарий. Неопытность я свою действительно ощущаю и действительно страшусь ее, поэтому читаю, читаю, читаю. Сначала не по теме: агрессивность моего тона вызвана в свою очередь снисходительностью тона psywalker (все эти "ересь", "изначально неправильный подход", "изучай степ-бай-степ"). Я задал ему несколько вопросов, ответов не получил Человек использует h1 для оформления логотипа, о чем тут можно говорить? Ну да ладно, проехали. 1. float: right; или left совместно с display: inline; - белеберда. Как вы себе представляете плавающие инлайн-элементы? Очень хорошо представляю, например, img с выравниванием (которое через html задается через атрибут align, а CSS, соответственно, float). display: inline в данном случае необходим для ИЕ6 , решает проблему неверной калькуляции ослом margin (пруфлинк: http://www.positioniseverything.net/explor...ed-margin.html). И да - я предпочитаю в стили для осла выносить специфичные правила (zoom, holy hack's и т.д.). Поэтому объявление display: inline в общем файле стилей. 2. Когда у вас width: 35%; у navmenu оставляет слева пространство для баннера с width="315", тогда, естественно, ничего не переносится, но как только при уменьшении окна логотип и меню не оставляют этих 315 пикселей, да еще прибавляются места для отступов, и все начинает переносится. Прошу прощения, моя вина, неправильно сформулировал то, что требуется. 3. Совмещать относительные и абсолютные величины надо очень осторожно. Изучайте уже изобретенные велосипеды: За ссылки спасибо, сейчас займусь чтением. 4. Для всплывающих элементов важен порядок их объявления в структуре. Я подозревал об этом, но не думал, что порядок настолько критичен. 5. При изменении горизонтальных размеров окна, вертикальные относительные отступы изменяются пропорционально. Вообще да, хочу, чтобы меню плавало. У каждого из нас, я думаю, есть свои какие-то бзики относительно верстки (это и делает нас непохожими друг на друга Вот у меня бзик плавающее меню. За код спасибо, двигался в том же направлении. Тему можно считать закрытой, проблема решена. Господа, если есть аргументы для дискуссии, давайте перенесем тему в другой раздел и начнем обсуждение, не переходя на личности и уважая точку зрения друг друга Я бы хотел обсудить верстку psywalker.

http://www.bestiary.us/images/troll_zv.jpg Удачи

Я имел в виду, Раира не выстояла даже перед разрешением монитора в 1400 пикселей, какой уж там ураган. Про пользователей ты видимо тоже не понял. Атрибут alt у img должен давать текстовое представление в случае, если отключен показ изображений (еще не загрузились и т.д.). Скажи, о чем я должен подумать, когда прочитаю такой alt: asto? rosgor? В общем, все ясно. Без обид, но ты low-skill, imho UPD: И да, про проценты - вообще-то, я именно такого поведения и добиваюсь.

<span style="font-size:180%; vertical-align:top;"> Отделяй представление от структуры, ВСЕ, что касается оформления, выноси в CSS. <div class="menu" > <ul> <li><a href="#" class="link">Малому бизнесу</a></li> <li><a href="#" class="link">Финансовым организациям</a></li> <li><a href="#" class="link">Ипотечное кредитование</a></li> <li><a href="#" class="link">Акционерам и инверсторам</a></li> <li><a href="#" class="link">Пресс-Центр</a></li> <li><a href="#" class="link">Филиальная сеть</a></li> <li><a href="#" class="link">Пресс-Центр</a></li> </ul> В данном случае логичнее было бы сделать: <ul class="menu"> <li><a href="#">Малому бизнесу</a></li> ... И в CSS для ссылок указать селектор вида div.menu a { }. Так получится более аккуратнее. <div id="kyrs"> Старайся по возможности именовать id и class максимально приближенно к английскому. <div id="logo"> (495) Старайся любой текст заключать в тэги (p, span) поисковикам на радость. Надежность и безупречность банка подтвеождается высокми рейтингами международных рейтинговых агенств Обязательно перепроверяй текст и код Очень много <a href="#" class="link"> Зачем? Ну и конечно глаз больше всего режет объявление стилей в HTML. Плохо.

1. Отступы в относительных единицах я использую там, где "резина" не имеет смысла. Отступ у логотипа должен быть резиновым. 2. "Хаотическое задание стилей всем блокам" - поясни, пожалуйста. Ты про алфавитный порядок CSS-правил? Или ты имеешь в виду не присваивать ul id, а в CSS объявить #header ul? 3. Тон твоего сообщения, если честно, несколько коробит. Вы тут на htmlbook все такие? UPD: Ууу, дружище, за что ты так ненавидишь тех, кто сидит на 1400, 1600 и т.д.? Я про верстку твою http://psywalker.ru/SAITS/Raira/main-page.html. max и min-width - это то, о чем надо размышлять на самой ранней стадии разработки, имхо. UPD2: <img src="img/asto.jpg" alt="asto" /> Пользователи с ограниченными возможностями будут безмерно благодарны тебе за такое доступное текстовое представление изображения.

Прости, в чем ересь?

Нужно сделать так, чтобы при уменьшении окна #adver "толкал" #navmenu, чтобы строки в нем переносились без указания ширины для #navmenu. Сейчас я обхожусь тем, что явно прописываю ширину, но это костыль. Если ширина не прописана, то при уменьшении #adver переносится на новую строку, #navmenu остается без изменений. Что делать? <div id="logo"> <img src="img/logo.jpg" width="109" height="144" alt="Логотип" /> </div> <ul id="navmenu"> <li><a href="#">Новости</a></li> <li><a href="#">Программы</a></li> <li><a href="#">Эфирная сетка</a></li> <li><a href="#">Ди-джеи</a></li> <li><a href="#">Форум</a></li> </ul> <div id="adver"> <a href="#">Разместить рекламу</a><br /><br /> <img src="img/header_adver.jpg" width="315" height="100" alt="Рекламный баннер" /> </div> #logo { text-align: center; margin-left: 7%; float: left; display: inline; } #navmenu { float: left; margin: 7% 0 0 7%; line-height: 2em; width: 35%; } #navmenu li { display: inline; padding-bottom: 1em; white-space: nowrap; } #adver { float: right; text-align: right; margin: 2% 2% 0 0; display: inline; }