Psyh

Придется задавать visible для самой страницы. А там у меня уже задано overflow: hidden; и там именно hidden нужен.

Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

Девушка это уже детали. Мне сейчас интереснее, как оно в целом? Через пару часов отправлю заказчику пару этих вариантов. Нужно облагородить немного за это время.

Вот вторая, резиновая версия Набросал сейчас по быстрому в люстре. Отдельные элементы натырены с разных клипартов. Тетку могу потом другую сам отрисовать. Эта тетка во первых тыренная, во вторых не шибко позитивная. Тетка Verder'а мне нравится гораздо больше Город внизу тоже могу подрисовать, добавить наши местные достопримечательности. Иногородним это ни о чем не скажет, а аборигены и без адресов сразу поймут какой город. Подвал и шапка весят 15кб и 17кб — не разорительно даже для диалапа. Может стоит еще подрезать текст на главной странице, и поставить фотки потолков, или даже галерею?

Спасибо за критику и советы. Начинаю делать с нуля. Хотя грозился сделать всю работу за 2 недели, а осталось 2 дня. А кроме дизайна еще сверстать надо и хочу посадить на Друпал. Про то что потолок не обязательно ваять, я бы хрен догадался )) Надеюсь заказчик будет того же мнения. Особенно это касается логотипа. Наверняка он захочет его оставить. И цвета он пожелал красно-сине-белые, как в логотипе. Хотя насчет цвета думаю он погорячился, а я не глядя согласился. В такой цветовой гамме сделать приятный дизайн малореально. З.Ы. Я не стремлюсь сделать произведение искусства, и заказчик этого не ждет. Нужно что-то простое, но не настолько детское как сейчас.

Взялся я сделать сайт-визитку. Неделю уже корплю над дизайном, но сам вижу что результат пока не очень. Контента будет негусто, на этой странице часть того что дал заказчик + стыренная с других сайтов рыба. Размер будет фиксированный, тяуть его нет смысла. Для начала самокритика: — Не могу ничего придумать с подвалом. Для такого сайта, контактная информация по сути главное, поэтому выставил для нее шрифт побольше. — С шапкой долго мучаюсь, но сомнения еще терзают. — Логотип изначально плоский красно-сине-белый, без всяких градиентов. На мой взгляд логотип у этой фирмы совершенно не в тему. Я придал ему объем, стало поживее, но все же сам считаю это неправильным. Глаза замылились уже, не могу адекватно оценивать ЭТО, есть ощущение что не тем путем иду.

Так это ж самое вкусное!

Под 1024. Да и ширина макета была 1001. Начал переделывать под резину, не потому что вижу в этом смысл, а так для практики. Данный макет, на мой взгляд, лучше делать фиксированным. Информации и так мало, куда ее еще растягивать по горизонтали. Плюс ко всему, правая колонка может быть только фиксированной ширины.

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

Я посчитал что дизайн фиксированный. Про резиновость в скромном ТЗ ничего не видел. Сейчас еще гляну ) psywalker А где твой вариант?

Вот собственно то что наверстал: http://psyhman.narod.ru/base.html Дареному коню в зубы не смотрят, но пока верстал – матерился по поводу дизайна. — шрифт заголовков нестандартный (Monotype Corsiva), пришлось делать их картинками; — скачут размеры заголовков; — Расстояние между абзацами, блоками (Экспертиза, Скидки, Наш адрес) – не имеет закономерности. Теперь о недостатках которые я вижу и сам: — пункты меню скачут при наведении. Я пытался играться letter-spasing'ом, но толку мало, дробные значения воспринимает только файрфокс. Выход вижу в том, чтобы при наведении не менять жирность шрифта; — Для того чтобы страница оставалась читабельной, пришлось дублировать заголовки и прятать их под картинки. Что заметно удлиннило код; — Бабочки в списке, в разных браузерах расположены по разному относительно строки, и расстояние до текста разнится. Пока это все что пришло в голову.

Еще раз спасибо. Удалось разместить как требуется. С интерлиньяжем в списке последнего уровня еще надо поколдовать, но это уже из другой песни. И скрипт нужен какой-то другой или доработать существующий.

Спасибо огромное, прояснили вопрос с позиционированием, этой детали мне не хватвло. Думаю должно получиться по первому варианту. Проверю, отпишусь

В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и поставить в нужное место на странице... Не получается... Вернее получается если задать ему "дисплей: абсолют". Но при абсолютном позиционировании привязка идет от краев экрана, поэтому при изменении масштаба, или разрешения, такой объект съезжает со своего места, т.к. оказывается в тех же координатах на экране, но не на странице. Подумал еще, попробовал вообще вытащить этот последний уровень, и поставил его на странице отдельно, там где он меньше всего может влиять на соседние слои и задал ему высоту, маргины и паддинги=ноль, display: relative, а содержимое уже позиционирую в нужное место. Пока не выставил как нужно, но думаю это возможно. Но на мой взгляд сам подход порочен. Мне интересно мнение опытных людей. Про скрипт тут пока не говорю, потому как это не принципиально. Скрипт только скрывает и показывает вложенные уровни (ну или слои и т.п.) Вот еще кусок кода: <div id="sub_menu_3-1"> <!-- Собственно Третий уровень --> <ul> <li><a href="#">3d визуализация</a></li> <li><a href="#">электроснабжение</a></li> <li><a href="#">архитектурное<br/>освещение</a></li> <li><a href="#">интерьерное<br />освещение</a></li> <li><a href="#">комплектация мебели</a></li> <li><a href="#">комплектация <br />сан.техники</a></li> <li><a href="#">комплектация<br />напольных<br />и настенных покрытий</a></li> <li><a href="#">камень</a></li> <li><a href="#">лестницы</a></li> </ul> </div> <div class="left"> <ul> <li><a href="#">услуги</a> <ul> <li><a href="#">консалтинг</a></li> <!--сюда вложен 3-й уровень--> <li><a href="#" onclick="openMenu('sub_menu_3-1');return(false)">проектирование</a> </li> <li><a href="#">генеральный подряд</a></li> <li><a href="#">технический заказчик</a></li> <li><a href="#">световой дизайн</a></li> <li><a href="#">светотехника</a></li> </ul> </li> <li><a href="#">продукция</a></li> <li><a href="#">бренды продукции</a></li> <li><a href="#">сотрудничество</a></li> <li><a href="#">тендеры</a></li> </ul> </div>

У меня в IE7 нормально отображается. Думается мне, стоит сделать макет поуже и отцентровать, иначе у половины юзеров будет горизонтальная полоса прокрутки.