Starter

Можно пример?

Здравствуйте. Необходимо сверстать простейшее меню с вкладками. Например, с двумя. Содержимое вкладок - снизу. Нет ни какой проблемы в том чтобы реализовать такое меню как вариант выпадающего меню, но оно "не работает" так как надо. 1) одна из вкладок должна быть открыта по умолчанию. 2) вкладка активируется щелчком мыши и остается активной, до щелчка на следующей вкладке. В общем все стандартно Графических изысков не требуется.

Здравствуйте Хочу начать работать с сайтами на сервере, но пока не ориентируюсь почти что в этом. Каких то особых требований наверное нет. Достаточное дисковое пространство, поддержка скриптов, FTP, CMS... стандартный набор для функционирования полноценного небольшого учебно-тренировочного сайта. Недорого или "бесплатно". Без рекламы. Выделенный сервер тоже не требуется. Если там будут подробные инструкции по настройке то вообще будет замечательно просто. Также приветствуются ссылки объясняющие эту тему. Какова на сегодня ситуация с регистрацией доменных имен в зоне .ru? сколько оно стоит? Все ли уже "забиты"? Что порекомендуете?

Пардонте за отсутствие. Тема продолжается Недочеты учтены. Макет обновлен. Эмуляции для ie пока нет. Сделано все же через hover. Вопросы эмуляции и CSS3 в процессе изучения. Приемлемо?

Можно Но внимание: Ucoz наотрез отказался принимать PIE_uncompressed.htc в, поэтому скругления все же могут отображаться некорректно. Ссылка на таблицу стилей: <link type="text/css" rel="StyleSheet" href="/_st/my.css"> Описание класса: .discover .menu li { display: inline-block; margin: 0; background: url('../img/tabh_bkgdsel_light.gif') repeat-x; border-radius: 5px; border: 1px #E7E9E9 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; behavior: url('PIE.htc'); } Предполагается в папке с css файлом.

Конкретно в этом учебном макете я "поддерживаю" ie6 потому что в принципе должен уметь делать и это. А вообще, я не думаю что проблема "старого браузера" когда нибудь совсем потеряет актуальность. Просто "ie6" будет называться ie10 к примеру. Нужно быть в курсе.

IE6? Серьезно? Зачем? У меня нет старых версий браузеров. Вместо этого я хочу быть уверен в правильном применении методов совместимости.

Так. Обновление макета: 1. В форму добавлен placeholder. 2. Менюшки с закругленными краями без картинок. 3. Пункты меню структурированы в виде списка. ИМХО все усложнилось после этого. Одна надежда что ренднер стал быстрее. 4. Добавлены необходимые "хаки" для старых браузеров. 5. Doctype заменен на HTML 5. Меня интересует правильно я ли я сделал совместимость placeholder и CSS 3 с ie6. Кстати после того как я попытался удалить класс submenu, конструкция вида: .menu li:hover .submenu { display: block; } замененная на: .menu li:hover .menu li ul { display: block; } работать перестала. Это нормально? Теперь на странице только ссылка на скачивание архива. Чтобы не было разночтений по коду.

Хочу заработать версткой, но мне кажется что верстать статические веб-странички, без программирования, в наше "продвинутое" время бесперспективно и никому не нужно. Так ли это? На данный момент вижу для себя либо "подмастерьем" у более состоявшегося профи, либо сидя между дизайнером и программистом. Как и где можно поискать работу? Спасибо.

ie 6 - тоже извращение Я вижу что его поддержка гарантирована только в современных версиях барузеров. Начиная с ie 9. http://htmlbook.ru/css/border-radius Буду благодарен за скриншоты. И название используемого браузера. Вы правы. Это я побоялся что меня привлекут за копирайт http://htmlbook.ru/html/textarea/placeholder Ужс совместимости. А за подсказку - спасибо. Да... виноват Повторяю некоторые вопросы: 1. Можно ли сократить коль-во Div ов и имеет ли это смысл? 2. Какие замечания по семантике, компоновке и к именам классов? просветите, пожалуйста.

Не вижу... Понятно Чем Вы смотрите код?

Там XHTML 1.0 transitional вроде бы. Подходит, но пока что так. Предлагаете сделать через контекстные селекторы списков? Или просто не семантично? Это один из способов убрать пробелы между инлайн-блоками. Это было сделано уже после проверки кода. Комментарий. Я туда для удобства убираю "лишний" код в процессе разработки макета.

Люди! Неужели ни у кого ничего так и не "расползлось"? Быть не может. Что, вообще нет замечаний и все идеально? Лично меня так и не оставляет ощущение что я пишу какую-то фигню. Именование классов - настоящая проблема Может есть какая нибудь "система"? Кто как её решает?

Вот оригинал: http://windows.microsoft.com/ru-ru/windows7/help/getting-started, вот моя верстка: http://getting-started.ucoz.ru/ Ни в коем случае не копия. Просто попытка реализовать основные моменты своими силами. Ссылки не работают. Требуется мнение специалиста 1. Можно ли сократить коль-во Div ов и имеет ли это смысл? 2. Какие замечания по семантике, компоновке и к именам классов? 4. Пишите обо всем что видите и чего не видите из того что должно быть. 5. Надеюсь, доп. код Юкоза под footer Вас не остановит. Наверняка, в процессе возникнут ещё вопросы и доработки. Не надо советовать хорошие платные хостинги http://getting-started.ucoz.ru/getting-started.rar - локальная копия. P. S. Обращение к модераторам: спасибо за перемещение темы. Название ещё сократите пожалуйста до адекватного.

- У .menu стоит z-index:0;, а потом .item это значение наследует, вот и оказываются ниже всех Спасибо. Все получилось вот так: http://learn.javascript.ru/play/cjjW5 z-index: 1 только у .submenu: .submenu { display: none; width: 190px; height: 400px; position: absolute; z-index: 1; Но что получается? z-index остальных элементов - 0? Так он и был у них равен нулю. Что было "не так"?