Вадим

жесть.. что же делать?! это неправильно!!!

А когда css3 выйдет? изучаю.. как-то не получается ничего применить к li..

А можно обойтись без 3 блоков? Возможно li здать сразу 3 картинки? Или это фантастика?

Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

Спасибо, спасибо! Уже понял

Спасибо!

Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Opera и FF не понимают о каком элементе идет речь. Если указывать #header ul, то все гуд. Может есть какой-то совет по написанию классов?

Спасибо) я не разработчик, не знал. Буду иметь ввиду Очень хорошо получилось!

Скорее всего ту форму, которую мы сейчас видим будут расширять дополнительными функциями (это болезнь 99% разработчиков) и представьте. Ввели логин, пароль, ещё раз, майл, имя, фамилию, какую-то ещё чушь.. нажимаете кнопку регистрация и какая-то ошибка. Вводи заново имя, пароль, ещё раз пароль. Возможно всего этого можно избежать и без применения якс, но это удобно и быстро. Исходя из тематики сайта аудитория будет достаточно опытная, поэтому возможно, такие технологии могут оказаться лишними. Но это неизбежный прогресс в сторону усложнения и повышения стоимости проектов. Лирика.

Друзья! Всем спасибо! Много полезной инфы!

Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю wrapper {width:1024px; margin:0 auto; text-align:center;} а дальше как? Вот пример этого дизайна. Как будет смотреться на большом экране? А на маленьком?

Спасибо, большое!

Привет товариЩЩам сателитам. Сразу понятно, что сайт создан для раскрути сайта Броко. Уже прям бессит! Любой нормальный пользователь, который хоть чуть-чуть интересовался темой форекс закроет ваш сайте через 3-5 секунд, потому что явно видно — этот сайт площадка для рекламы. Теперь конструктивно: 1. Меню работает нормально, но можно сделать лучше. Например закладками или добавить разделители между пунктами меню. 2. Локальная навигация должна быть слева. Уже прошло то европейское web2.0, когда все размещали навигацию справа. В действительности это редко работает и при условии, что правая колонка не менее 40% от всей ширины экрана. Слева гораздо удобнее. 3. Footer ничем не отделен от основного контента. Гораздо понятнее и лучше будет использования border-top:1px solid #fefefe; 4. Нет выделения активного пункта в локальной навигации.

Привет! Значит смотри. Если сравнивать серый и цветной вариант, то конечно цветной. Ты же не гламурный фотограф или какой-то эмо-дизайнер. Блог должен радовать, и поверь мне, твой оранжевый ничего не режет, все с ним ок. Если не сравнивать макеты, а говорить в общем об удобстве, то есть несколько моментов. Начнем с поиска. Задав поиск в верхнем правом углу, то получаем страницу пустую страницу без результатов с формой запроса поиска http://vvsh.ru/search/. Ведь на самом деле я уже задал поиск, но сайт мне не сообщил нашел он что-то или нет. Вот если я повторно задам поиск на странице http://vvsh.ru/search/, то снизу появится надпись «Ошибка, ничего не найдено». Вот это уже что-то, хотя не все. Что нужно сделать, чтобы поиск был удовлетворительным. Ответ — ничего. Можно попробовать написать текст, что попробуйте воспользоваться навигацией для поиска нужной вам информации. Левая колонка. Сообщения. Сразу, что бросается в глаза «читать дальше». Можно же сделать это бесполезное сообщение на новой строчке или как-то отступить от текста. Правда не очень смотрится, когда текст и ссылки слипшиеся вместе. В остальном проблем особых нет. Удачи!

Привет! Основные проблемы с которыми столкнулся. Например я не читал твоё сообщение и не в курсе про что этот сайт. Вот я захожу на главную страницу и вижу логотип, который мне ни о чем не говорит, и две колонки. Начнем с лого. Если добавить слоган или 3-4 слова описания сервиса, то стало бы понятно о чем сайт. Объясню. Дизайн не сообщает пользователю какая тематика этого сайта, логотип также не справляется с этой задачей (нет иконки загрузки файла или что-то другое, не важно). Поэтому написав снизу: /удобный/полезный/умный/быстрый/профессиональный/функциональный/управляемый/сервер хранения файлов/кодов/исходников, ты решаешь основную проблему. Далее переходим к левой колонке, так как после лого именно туда обычно падает глаз. Я вижу форму регистрации. Возникает вопрос: зачем мне она? Что регистрация мне даст? Как это мне поможет? Как возможности мне предоставят? Всегда можно добавить 3-5 пунктов почему и зачем это нужно пользователю сайта. Правая колонка. Для повышения читабельности текста можно окрашивать таблицу через один пункт на 2-3 тона ниже или выше, чем основной текст. Это изменит и дизайн, и ощущение. Также не хватает постраничной навигации и фильтра в заголовке таблице (если это действительно нужно усложнять). При использовании поиска заголовок выдачи поиска не сообщает, что это результат поиска таково-то запроса. Это правда неудобно. Регистрация. Вообще проблем нет, но это 90ый год. Используйте ajax для повышения удобства форм. Это все.

Простите, что так сильно вас раздражаю, просто мне известны понятия как дочерний элемент. Ещё раз спасибо за помощь!

Не понял. Можно проще объяснить.. "нерекурсивно" это как?

Да. Я понимаю. Релатив вроде назначал - толку нет. Мне просто приходится использовать обвертку #contents для обвертки #content. При этом в этих блоках мне приходится указывать height:100%; это видать и влияет на ситуацию, но если одно из значений убрать - footer поднимается вверх.

Сейчас вроде разобрался, сделал. Все получилось, но почему-то теперь на большом экране footer опускается на 150-200px ниже самого экрана. Т.е. текста мало, экран большой, теоретически footer должен просто прижаться к экрану, а он ещё ниже идет. Как это можно решить? Вроде проблем в #contents или #content.

Спасибо, сейчас буду пробывать!

Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе много мусора и не понятно что-куда идет. Поэтому, если вам, друзья, не сложно будет, помоги все это разобрать по полочкам да объяснить где мои ошибки и как их исправить. Спасибо, за ранее, всем за ответы!

Удивительно, что в IE6 все сработало! В Opera не работает. В FF3.0.11 тож не сработало.

отлично! супер! огромное тебе спасибо! Теперь последний вопрос остался. Как прибить все эти бордеры и бордер между колонками к футеру? Если я убери свойства футера, то он тупо поднимется к верху и проблема решится (хотя это не тупо), но в общем нужно, чтобы футер всегда был внизу экрана и к нему примыкали все бордеры..

Отлично! Это сработало! Теперь осталось понять почему пропали бордеры в контенте после добавления правил к footer'у...

http://w3u.ru/ только укажи кодировку utf-8 пожалуйста. тут ещё одна проблема. научился прижимать footer к нижу и возник вопрос. а как сделать так, чтобы border-right: 1px solid red; доходила до конца вместе с футером? не понимаю к чему такие сложности( И почему-то #content { border-right: 2px dotted #fffd09; border-left: 2px dotted #99b96f; } больше не работает (((