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? Так он и был у них равен нулю. Что было "не так"?

А по подробнее можно? Хотелось бы.

http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.

http://learn.javascript.ru/play/NK2pmc Люди! У меня ощущение что я делаю какую-то фигню вместо адекватного кода Только HTML+CSS. Оригинал: http://windows.microsoft.com/ru-ru/windows7/help/getting-started

Float при наличии display:inline явно избыточен. Кстати, может все же лучше display:inline-block А то у Вас, a1rborn, получаются span'ы.

http://learn.javascript.ru/play/K08yrb Первый опыт Только HTML+CSS. Прокомментируйте и укажите ошибки, пожалуйста. Оригинал: http://windows.microsoft.com/ru-ru/windows7/help/getting-started Жду с нетерпением.

http://learn.javascript.ru/play/Kh8yOb Это простая форма "входа" на сайт. Она работать не должна пока что. Просто скажите что отсутствие обрабатывающего её скрипта на сервере - это единственная её проблема Нужны ли ей скрытые элементы <input type=hidden> и для чего? Можно ссылками.

Я продолжу с вопросами Подскажите файлообменный хостинг, чтобы на него можно было загрузить архив с кодом и здесь дать на него ссылку. На этом форуме возможность прикрепления вложений к сообщениям видимо отсутствует. "Растягивать" здесь простыни с кодом тоже не дело. Нужны советы на конкретных небольших примерах.

Открой для себя настройку скинов Открыл. Настроил. Стало хуже Не в них дело. Aptana требует самостоятельности там где Expression может "водить" по диалоговым окнам "за ручку". Ещё не удалось найти, например, панелей в которых отображались бы свойства о текущем теге и связанных с ним стилевых определениях, доступных для редактирования "на лету". Наверняка все это тоже можно как-то сделать, просто требуется время на первичное освоение. В процессе.

Установил Aptana. Она на моем "уровне" пока что за пределами добра и зла. Один белый текст на черном фоне чего стоит . Да и сразу полтора десятка языков программирования перед глазами. Зачем они мне сразу все? Сворачивать содержимое элементов можно, это да. Этого в Expression не хватает. Оставлю на вырост. Тем более что "куча ненужной фигни" мне пока не видна. За ответы, спасибо. Ещё вопрос насчет визуального отображения кода страницы в самом редакторе (режим Design и им подобное). В Expression он мягко говоря не всегда адекватен. В dreamweaver, например, с этим лучше? Вообще, можно ли "побороть" настройками или просто смотреть как на черновой, примерный вариант? Отображение в браузере: http://itmages.ru/image/view/683734/6cb56d4d в редакторе: http://itmages.ru/image/view/683738/a11fc14a Так и должно быть?

2. http://paint-net.ru/forum/viewtopic.php?f=5&t=573 Вот. В отличие от тяжеловесного Фотошопа, Paint.net установлен у меня уже давно и неплохо освоен. С некоторым "скрипом" но он тоже умеет открывать работать с PSD. Для задач верстки должно хватить, вроде.