advokatua

Я, можно сказать, начинающий верстальщик. Верстать начал только совсем недавно, но с CSS и HTML работаю довольно давно. За последние 2 месяца прочитал порядка 8 книг по дизайну и верстке. Понял, что это все ерунда и книги нужно читать только когда есть какой-то опыт. Тупое чтение книг, даже с выполнением всех заданий дает очень мало в отличии от реальной практики на собственных ошибках. Как говориться - "Если хочешь научиться плавать, надо плавать". Так вот, за последние пару дней сделал 2 макета. Посмотрите (кому не лень) и тыкните носом в какие-нибудь нубские и очевидные ошибки кода, если таковые имеются. Макеты в основном лепились только на визуальное совпадение с html5 и css3, т.е. всякие мобильные разрешения не учитывались. Кроссбраузерность также только под все самое последнее, без мазохистких вставок всяких хаков под 'IE 1.0000005 PreBeta not stable edition Only for developers' и прочей ахинеи 8) http://webdevelop.zz.mu/index.html - макет 1 http://webdevelop.zz.mu/master.css - главный css http://webdevelop.zz.mu/paypaul.png - картинка макета webdevelop.zz.mu/illustrate/index.html - макет 2 webdevelop.zz.mu/illustrate/master.css - главный css http://webdevelop.zz.../illustrate.png - картинка макета psd не заливаю, т.к. все-равно никто смотреть не станет.

BODY { background: url(image.jpg) no-repeat fixed } Так не работает?

Ясный перец таблица вылазит, у тебя же у DIV фиксированная высота с шириной! Ставь overflow auto и будет счастье, либо высоту самого DIV-a меняй.

для начала покажи что ты уже сделал.

Сори за CSS. Вот: #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { line-height: 18px; padding: 0 0 0 8px; text-decoration: none; color: #666; font-family: Arial, sans-serif; font-weight: normal; font-size: 13px; background: url(../images/menu_row.jpg) center left no-repeat; margin: 0; height: 18px; } Почему сделано вложение span и потом в ссылку не знаю ибо это стандартное джумвловское меню которое не я делал. )) "Ссылку сделать блочной", ты имел ввиду вложить ее в div просто?

Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так: Ясное дело что надо сделать выравнивание по первой строке. Меню выглядит так: <ul class="menu" id="1"> <li class="item13"><a href="/str"><span>Структура</span></a></li> <li class="item12"><a href="/pr"><span>Правление</span></a></li> <li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul> Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссылка <а> как раз таки берет свое начало от первой буквы первой строки, а не от синего уголка как предыдущие два. Перепробовал уже все что угодно, и overflow и list-style-position outside и всякие маржини с паддингами, но пока не пришел к правильному решению. Может кто знает как укротить это дело? Спасибо заранее.