Leaderboard

Да, с такой структурой будет сложно добиться результата без скрипта. Куча абсолютно позиционированных dd-шек без координат будут накладываться друг на дружку в уголке, соседним селектором легко можно выбрать только одну, для остальных придется городить длинные цепочки. И в итоге получится что-то типа такого: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover{ color:#000; background:#ccc; } #nav dt:hover{ background:#333; } /* заставим отображаться до 5 dd-шек подряд после наведенной dt-шки */ #nav dt:hover + dd, #nav dt:hover + dd + dd, #nav dt:hover + dd + dd + dd, #nav dt:hover + dd + dd + dd + dd, #nav dt:hover + dd + dd + dd + dd + dd { display:block; } /* зададим каждой dd-шке y-координату в зависимости от номера */ #nav dt:hover + dd { top: 36px; } #nav dt:hover + dd + dd { top: 80px; } #nav dt:hover + dd + dd + dd { top: 124px; } #nav dt:hover + dd + dd + dd + dd { top: 168px; } #nav dt:hover + dd + dd + dd + dd + dd { top: 212px; } /* а теперь еще каждой группе dd-шек нужно задать x-координату... */ /* для первой можно не задавать, пусть будет 0 по умолчанию */ /* для второй еще относительно просто... */ #nav dd + dt:hover + dd, #nav dd + dt:hover + dd + dd, #nav dd + dt:hover + dd + dd + dd, #nav dd + dt:hover + dd + dd + dd + dd, #nav dd + dt:hover + dd + dd + dd + dd + dd { left: 140px; } /* а вот начиная с третьей начинается ужас... */ #nav dd + dt + dd + dd + dd + dd + dd + dt:hover + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt:hover + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt:hover + dd + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt:hover + dd + dd + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt:hover + dd + dd + dd + dd + dd { left: 280px; } /* для пятой надо еще учесть, что четвертая была пустой... кстати, по смыслу dl получается, что Download 1 - определение, подходящее не только к Downloads, но и к Help, это действительно так? */ #nav dd + dt + dd + dd + dd + dd + dd + dt + dd + dd + dd + dt + dt:hover + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt + dd + dd + dd + dt + dt:hover + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt + dd + dd + dd + dt + dt:hover + dd + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt + dd + dd + dd + dt + dt:hover + dd + dd + dd + dd, #nav dd + dt + dd + dd + dd + dd + dd + dt + dd + dd + dd + dt + dt:hover + dd + dd + dd + dd + dd { left: 560px; } /* к счастью, в CSS3 есть способ слегка облегчить наши мучения, но это не будет работать в IE7-8 */ #nav dt:nth-of-type(6):hover + dd, #nav dt:nth-of-type(6):hover + dd + dd, #nav dt:nth-of-type(6):hover + dd + dd + dd, #nav dt:nth-of-type(6):hover + dd + dd + dd + dd, #nav dt:nth-of-type(6):hover + dd + dd + dd + dd + dd { left: 700px; } #nav dt:nth-of-type(7):hover + dd, #nav dt:nth-of-type(7):hover + dd + dd, #nav dt:nth-of-type(7):hover + dd + dd + dd, #nav dt:nth-of-type(7):hover + dd + dd + dd + dd, #nav dt:nth-of-type(7):hover + dd + dd + dd + dd + dd { left: 840px; } И самое обидное: при уводе с dt, все эти dd-шки будут тут же прятаться, потому что соответствующий им dt перестанет быть :hover. Т.е. всё равно получится не меню, а в лучшем случае всплывающая подсказка. Надеюсь, теперь вам понятнее, почему вас с самого начала отговаривали от этой затеи?

.min-height {min-height: 400px; height: auto !important; height: 400px;} .min-width {min-width: 400px;} *html .min-width {width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 400 ? '400px' : 'auto');}

<article> с <time> Не DL однозначно (текст новости — ни разу не определение и даже не "значение" даты). Просто список — можно поспорить, но имхо тоже притянут (если уж на то пошло, скорее напрашивается OL, т.к. новости обычно идут в определенном порядке — хронологически). Если ограничиться семантикой HTML4(XHTML1), то, на мой теперешний взгляд, пожалуй, самое здравое — заголовки какого-нибудь минимального ранга и обычные абзацы, сплошняком, без каких-либо оберток вообще. Одно время мне казалось, что для новостей годится микроформат hCalendar. Но всё-таки он скорее для запланированных на будущее событий...

Вот заранее, может поможешь юзеру, а?

ссылки конкретнее php.su быть не может, там реальные примеры для новичков. объяснить могу. времени у меня вагон. 10$ в час

«экспловер» — это Internet Explorer? В нём не работает такой подход только в безнадёжно устаревших версиях, которые в нынешнем году имеет смысл поддерживать только на отдельных проектах и только за отдельные немалые деньги. А кто работает за немалые деньги, тот и так знает.

Просто надо сохранять файлы только в полнолуние, желательно в полночь либо за два часа до восхода солнца, одной рукой нажимая кнопку, а второй сворачивая фигу, водя ею перед монитором и приговаривая: "Закорючки-крякозяблики, улетайте как журавлики, перелетные птички, прочь с моей странички!". Эффект будет надежнее, если на клавиатуре при этом будет лежать высушенная лягушка, а подставку монитора перед этим трижды потереть шкуркой гриба-дождевика, выросшего у развилки двух кривых тропинок. Ну или, если серьезный магический подход кажется слишком сложным и ненадежным — бросить страдать гаданиями, а вместо этого почитать что-нибудь про кодировки (в частности, <meta charset>)

Так почти всегда бывает. Семантика в вебе — штука достаточно условная, гибкая и субъективная, выразительных средств, даже со всеми вкусными добавками нового "живого стандарта", увы, маловато, и эта голь бывает хитрой на выдумки. Достаточно логичные на первый взгляд аргументы "за" можно притянуть практически к любой, сколь угодно абсурдной идее (типа списка для частей страницы). После нескольких лет мучительной неясности и отчаянных криков в пустоту на меня снизошло что-то типа просветления, порядком перекликающееся с правилом №1 в подписи несравненной Светланы . Я понял, что надо выдумывать аргументы не за, а против каждого из вызывающих сомнения вариантов структуры — и отсекать их один за другим в порядке убывания убедительности этих аргументов. Пока, методом исключения, не останется единственный наименее спорный. Он-то скорее всего и будет верным. К сожалению, кое-где такое прямо советуют. И подтверждаю по себе, соблазн расширенной семантики списка "имя-значение" велик. Каюсь, года три назад в одном интранетном (к счастью) портале и я заюзал как-то такую бяку...

Так в копирайте стоит 2009 год. В то время border-radius в тестовом режиме реализовали в Firefox и Chrome. Да уже призывы были, но тогда игнорировать кучу браузеров было бессмысленно. А четыре пустых блока отличное решение для резиновых уголков. К тому же на семантику это никак не влияет. Пустой блок он и в Африке пустой блок. Они, конечно, не помогают, но и не мешают. Вопрос, а что из ещё предложенного на том сайте не рекомендуется делать? Например, можно ли с помощью списка определений делать формы? Я считаю, что можно, хотя уже начинаю сомневаться. Диалоги, конечно, тоже можно. Ведь для этого даже собирались новый тег в HTML5 вводить, но по мне довольно сложно потом с оформлением разбираться. Проще обычным параграфом сделать. Кстати, так что на счёт блока новостей? Просто меня немного смущает тот факт, что куча <article> будет без заголовка. Либо имеется ввиду то, что дата будет находится в <Hx>, и в <time>?

короче смотри. Основные термины и определения. Что бы понять отчего отталкиваться, в какую сторону копать. 1. php - серверный язык. То есть создаёшь на сайте файлик login.php. При открытие его в браузере http://ваш-сайт.ком/login.php этот скрипт должен отдать результат. 2. Mysql - самая распространённая СуБД. Бесплатная и популярная - инфы в инете море. Там будет храниться вся информация о ваших пользователях - пароли, клички, адреса, явки... 3. html-форма позволяет отправлять инфу от клиента на сервер. Форму хотя бы вы сможете сверстать? скрипт на сервере которому отправляется заполненная форма проверяет что там есть у нас в базе и в зависимости от этого производит действия - регистрирует, авторизует и т.п. по обстоятельствам. Алгоритм ваших действий: Путь первый: 1. Почитать на htmlbook.ru и php.su о формах и их обработке средствами php. Сверстать форму. 2. почитать на php.su об основах работы с Mysql, установить на локальной машине apache, php, mysql. 3. на неделю забыть про сон и еду, залипнув у монитора и вдумчиво читая указанное выше. 4. когда возникнут вопросы обращаться хотя бы и на этот форум. Путь второй написать мне в личку сколько готовы дать за готовый скрипт и готовить деньги. up: а баксы-то фальшивые - один номер на всех купюрах

Учите php. На php.su есть куча статей на темы решения типовых задач, как ваша. Некоторые примеры вполне рабочие.

Конечно поможем! «уроки PHP» в Google. «уроки Javascript» в Google.

Вот потому и не хочет выпадать, что не вложенный. См. соседние селекторы.

имхо, объекты принадлежащие категории не являются её определением. как и категория - термином. зря вы это. при всей моей любви к спискам определений

Потому что хочется разобраться.

Вопрос один: зачем?

Расскажу, пожалуй, к чему я пришел. Весь код бъется на секции переопределение стилей тегов основные классы модификаторы печатная версия другие медиа (если есть) Основные классы делятся на логические блоки. Весь код строится по принципу базис + модификаторы. Например, нужно сделать некую плашку .plateBlock { margin: 10px 0px;} .plateBox { padding: 10px } <div class="plateBlock"> <div class="plateBox"> Content </div> </div> Если плашка имеет специфический фон, то создаем модификатор, например .important { background: #900; } и добавляем этот класс plateBlock'у В итоге получается набор базисной верстки и мешок всевозможных модификаторов. Однако данный подход требует сократить до минимума использование специфичности. Уж очень она сильно мешает в больших проектах. Через время проводим рефакторинг и частоповторяемые вещи переносим в базис, выкидывая или видоизменяя модификаторы.

сомнительные авторитеты... сайт Андрея Провёрстки №2-ой http://провёрстка.рф/ - заходим на главную страницу - ужасающие коридоры. сайт Макса Гриневича №5-ый http://www.grinmax.com/kontakt.php может и сочно, но не труЪ это те у кого собственные сайты увидел.

Я делаю это по собственной воле. Это оказалось удобней чем писать каждое правило на отдельной строке. Серьезно.

+1 Согласен со всем, тоже не считаю что здесь уместны списки, логичнее <h></h><p></p>. (Но я верстаю xhtml 1.0.) Ну собственно вот они Ну и дабы не быть голословным - вот применение dl, ul li - верстальщиками первыми в списке. Вывод: все же логичнее делать <h></h><p></p>? Я просто макет верстаю не за деньги а на "выставку" показать здесь на форуме, поучиться и собрать критику/коментарии .

О ужас, кто-то пишет блоки стилей в одну строку? Зачем?!! Если вы делаете это не по собственной воле — подмигните.

Тогда, боюсь, мне нечего больше посоветовать, кроме как обновить дримвивер или перейти с него на менее своенравный в настройках редактор (хотя бы Notepad++). Либо поискать в Гугле готовые примеры этого конфигурационного XMLника именно для вашей версии.

Тем, что он не позволяет регулировать отступы между строками и между столбцами по раздельности (с чего этот топик-то начался). Ну и просто — несолидно как-то в эпоху ЖHTML и массового поклонения идолам семантичности хранить оформление в атрибутах разметки...

Это я по себе сужу, и по своему опыту. Так как я лентяй, то дома работаю медленно. И я неправильно выразился. Корректнее будет - офис/фриланс. В офисе у нас каждый верстала работает как ошпаренный, клавы горячие у всех. Иначе ничего не заработаешь. Все на потоке. Принял проект - сделал, сразу следующий берешь. Никто не сидит не расслабляется. Сделал меньше - получи меньше, не успел - получи штраф, не успел на транспорт - езжай домой на такси за свой счет. Ну в общем все как пчелки трудятся.

Ну вот хз... при большой вложенности доп. блоков не очень удобно читать конструкции вида: .class {...} .class .inner {...} .class .inner .deeper-element {...} гораздо удобней (мне) отбивать пустой строкой и внутренние элементы тоже: /*====== Block ======*/ .class {...} .class .inner {...} .class .inner .deeper-element {...} .class .inner2 {...} .class .inner2 .deeper-element {...} /*====== end Block ======*/

Я думаю, потому что в офисе меньше отвлекаешься чем дома и легче сосредоточиться. Ну у меня лично так.

Однако, по состоянию на сегодняшний день IE6+IE7 в сумме составляют меньше 10%... может, в таких вещах, как обгламуривание таблиц, и впрямь приходит пора на них подзабивать и полностью переходить на border-spacing?..

Я вообще ни черта не понял чего надо. А ещё вам молчанка на три дня за мат.

ну нет, section тут совсем не в тему. каждая новость сама по себе самодостаточна. А это основной признак article.

Что, то мало я про позиционирование прочитал, буду исправляться, хотелось бы еще замечаний и советов по верстке. P.S. Спасибо всем кто ответил.

Чаво, пардон? -moz-круголки работали с FF 1.0. Другое дело, что по двойку включительно качество скруглений было абсолютно неудовлетворительным, рубленым без намека на сглаживание...

Попроще: никак. Div-ы в HTML этого не умеют. Умеет это делать Javascript. Или другой тег — iframe (но для этого содержимое, которое должно в нем открываться, должно быть отдельной страницей, и может появляться ненужный скроллинг, с которым придется бороться опять же скриптом). Вам точно нужна именно такая подгрузка, а не просто единое оформление всех страниц?

Ищите UPD: опять же

Важно кстати разобраться в структуре... У товаров есть брэнды у брендов есть колекции, и все это находится в категориях уровень вложенности не важен это легко реализуется использую parent_id. Таким образом цепочка такая (категории)=>(список брэндов)=>(коллекции)=>товары, разносим части этой цепочки по отдельным таблицам. Я структуру магазина так делал, в последствии достаточно удобно можно привязывать новости\коментарии и т.д. осуществлять расширенные поиски. На мой взгляд добавить кнопку в админку не является проблемой, много важней сделать основу сайта шустрой и способной принимать дополнения.

див — это элемент ни о чём, лишённый семантики. Это наследие прошлого. Почти так, с небольшими оговорками. таблицы — это очень правильная группа элементов. Многие данные удобнее всего представлять именно в таблицах. К примеру, таковым может быть прайс-лист или расписание поездов. Но если таблицы применяют для позиционирования элементов на странице — это дикость.

Если речь об удобстве пользования интернет-магазином, не следует забывать о такой востребованной среди целевой аудитории фиче, как интеграция с 1С.

Правильно! Хотя ссылка была только для тебя, но все равно! Слушай что тебе говорят! Туда не ходи, ходи сюда, на адобу.ком там и бери! Да! Сначала в банк, за кредитом! Отдашь быстро, не горюй, в нашей стране все для людей, не забывай! Фотошоп: Обновление от 6 624.84 руб. Полная версия от 23 186.95 руб. Удачи!

Magento Но это слишком навороченный движок - возможности очень большие.

Ну скажите мне что-нибудь. Что я раковый у*бок или вопрос глупый/сложный.

Ладно, тогда такой вопрос о обрамлении: <span style="text-shadow: orange 3px 3px 3px">olololol</span> хочу BB код сделать, но еле еле видно на темном =\ Скажите тогда как усовершенствовать этот тег, допустим если ВВ тег такой: [glow=red,2,300]текст[/ glow] булетин.

Короче, как сделать, чтобы в Дриме, файлы которые открываются отображались в системе Вин-1221???????????????????????

Мин ширина и высота так не работают в экспловере.

Меня в википедии забанили. А всетаки что такое СУБД? И можете обяснить у меня предполжим на компе есть сайт - сайт.html как к нему мне приделать регистрацию?

Вот допустим сайт и то что меня у них заинтересовало http://vseodote.ru/news/iccup-userbar-ot-vseodote-ru.html Вводим например [bT4M]WAGHHH и получаем картинку со статистикой этого акка на сервере http://ru.iccup.com/dota/ Подскажите как такое реализовать.

Поясню подробней, при попытке учить явку или пхпэшку мои моски текли по полу . Я просто не мог понять этот неудобоваримый текст про яву на постройке и про пхп на невесть каких страницах, здесь я посмотрел вроде пользователи умные . Вот и подумал объяснят мне балбесу, если у вас времени мало то дайте ссыли по конкретней. И на пхп.су я тоже смотрел не вник.