Leaderboard

Метатег viewport (значения разделяются запятыми) обязательно поставьте в метатег width=device-width initial-scale - масштаб по умолчанию (указывается в сколько раз увеличить) user-scalable - логическое значение, если false - масштабирование выключено, если true - масштабирование включено (по умолчанию true) CSS селектор @media all and (условие) and (условие) { код } условия указываются так: условие:значение device-width - ширина экрана device-height - высота экрана orietation - ориентация устройства (portrait - вертикально, landscape - горизонтально) можно добавлять в начало max- и min- (еще не дописано)

<font size="+1" color="#008000">Содержание:</font> Сегодня прямо день ностальгических сайтов на хтмлбуке. У вас флешмоб или просто начали разморозку тех, кто лёг в приокамеру в девяностых? Как может помочь в изучении html сайт, автор которого живёт в конце девяностых, судя по его сайту? Лучше уж тогда сделать сайт о перфокартах и предлагать его школьникам в качестве методички при подготовке домашних заданий по информатике. Очень доставила неаккуратно обрезанная растянутая картинка glavhaya.jpg с кучей артефактов от jpeg. Программа-то, поди, ломаная, не? А, что, Розенталь, на, это, скажет? Воистину! Установи себе такой.А вот упоминание 2010-го офиса повергло меня в некоторый диссонанс. Если уж сайт сделан по технологиям девяностых годов, то и упоминать нужно офис 95, хотя за вордпад ставвлю плюс. Ээээ, нет, в девяностых телефоны модемами не могли работать. Это модем подключался в линию вместо телефона (ну или параллельно ему). Тут неточность.http://stas79.ru/kartinka1/obr1k1.html Ну это просто волшебно, без комментариев. За распространение серийников на сайте тебя вообще оштрафовать могут. А при сильном желании — посадить. Это смотря сколько ущерба насчитают. Если получится у них 50000, можешь сушить сухари. Хром на скриншотах — опять косяк. В девяностых это должен быть IE или какой-нибудь Maxthon или, не знаю, Netscape. <font color="#FF0000"><strong><em>К.М.</em></strong></font>Напряжение прямо нарастает Ну блин, откуда у окон такие декорации? Это семёрка? Виста? В девяностых ещё даже 2000-я не вышла, окститесь, там или 95-я должна быть или 98-я какая-нибудь. Ну NT 4.0 как край. Короче, не сдал, приходи на пересдачу. Ну и напоследок: gramma.ru. Только не надо по нему изучать html, там тоже привет из прошлого, лучше читать его содержимое.

со вкусом конечно у меня катастрофа, но суть надеюсь тебе донесу: http://jsfiddle.net/MuQJD/1/

http://codepen.io/anon/pen/qlwBK http://cdpn.io/qlwBK

Я не знаю как именно у меня получилось, но эффект соответствующий. Сделал с одной стороны, с другой стороны код будет идентичный http://jsfiddle.net/zlodeev/YzFkZ/

На счет "поможет" - неизвестно. Но сам сайт, по крайней мере, здорово продляет жизнь всем, кто уже перешел рубеж "самого начинающего" ))

Вот просто так взять на html5 и сделать не получится.)) Человек который сделал на таблицах сайт в 2013 г., врядле знает что- то о семантике. Лучше уж порекомендовать на дивах слепить, но уже второе творение. Будет опыт как у всех (почти).

А если перефразировать в "Сделай селект-затравку, подменяй им пустышки" - то не воспринимается вообще никак. Лучше перебдеть, чем недобдеть, и выдать почти готовый алгоритм (не хватает инициализации при ховере)

s0rr0w, этот текст, что ты сейчас выдал, очень хорошо воспринимается если перед этим хорошенько "дунуть" сдается мне автор не поймет (т.с. не в обиду).

Делается "тупо" до безобразия Сначала создаем один селект где-то в скрытой области кода (display:none). Пусть это у нас будет #parking Потом делаем на месте каждого селекта выбора профессии пустой селект-затравку, у которого нет ни одного <option> Навешиваем на select'ы hover, по которому селект-затравку прячем, а перед ним вставляем запаркованый селект (insertBefore) Кликать человек будет по наполненному опциями селекту. По blur'у чистим селект-затравку, удаляя все option внутри, и добавляем тот option, который только что выбрал пользователь, паркуем полный селект снова в #parking (appendChild), показываем селект-затравку (он будет содержать как раз выбранный опшин) Вуаля!

видимо имелось ввиду связанные списки? т.е. разбить селекты на группы и подгруппы (тем самым избавимся от длиннющей портянки option) и делаем зависимость от выбранного опшина.

Собственно, вот, написал плагин для поля ввода input[type=number] Опции плагина: wrap - класс для обвертки, так же есть возможность указания нескольких классов через пробел, по-умолчанию 'insWrap' btnU - класс кнопки инкремента (▲) значение поля, по-умолчанию 'ins-btnU' btnD - класс кнопки декремента (▼) значение поля, по-умолчанию 'ins-btnD' com - опция устанавливает по какому data-атрибуту будет осуществляться синхронизация нескольких полей, по-умолчанию 'com' tmpl - параметр позволяющий выбрать структуру html кода, по-умолчанию 'ab'. Возможный аббревиатуры: 'ab', 'ba', 'aa', 'bb', а так же вольный html-шаблон. 'ab' : устанавливает кнопки (▲) и (▼), после и перед (соответственно) полем. 'ba' : устанавливает кнопки (▲) и (▼), перед и после (соответственно) поля. 'aa' : устанавливает обе кнопки после поля. 'bb' : устанавливает обе кнопки перед полем. html-шаблон : позволяет записать html-структуру в виде строки. Например: tmpl : '<div class="test">|<div class="up"></div><div class="down"></div></div>' Символ вертикальной черты "|" указывает в какую позицию будет установлено поле ввода. Черта должна быть одна и только одна! Так же следует явно указать классы, которые будут являтся оберткой и кнопками! [*]tch - булевый параметр вкл\откл принудительную инициализацию события change на поле ввода при изменении его значения под средством функциональных клавиш, по-умолчанию true [*]wheel - булевый параметр вкл\откл событие mousewheel (требует подключения плагина jquery.mousewheel), по-умолчанию false UPD: Перенес, теперь на GitHub! Скачать Страничка с примерами