Argus

Пробуйте уже готовые и широкоиспользуемые расширения: Tampermonkey для Chrome - https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo Greasemonkey для FireFox - https://addons.mozilla.org/en-us/firefox/addon/greasemonkey/ По сути они одинаковы. Гуглите на тему "пользовательские скрипты" и "user scripts". Кратко можно здесь глянуть: http://e404.pw/js/user-scripts/ Расширения - это немного другое. И значительно сложнее. Для добавления скрипта на определенный url, лучше эти расширения использовать.

Проблема в том, что JS, обрабатывающий ваш CKeditor, не сработал, т.к. код был dispay:none; В таких случаях лучше скрывать не с display:none, а, к примеру, классом: .hidden {position:absolute; top:-9999px; left: -9999px;}Так элементы нормально обработаются, а когда надо показать блок - снимаем класс .hidden или задаем position:static; блоку

Здесь может быть что угодно: - неверно указан url - нельзя подключать больше 1 фонта в одном @font-face - в браузере, в котором вы проверяете, не работает ttf - неверно указан format (уж хз, откуда вы такой взяли) - ваши ttf файлы являются десктопными и как вебфонты просто неадекватно распознаются браузером. Как минимум пункт 2 надо поправить точно. Я использую подключение от fontsquirel: @font-face { font-weight: normal; font-style: normal; font-family: 'Droid Sans'; src: url('../fonts/DroidSans.eot'); src: url('../fonts/DroidSans.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans.woff') format('woff'), url('../fonts/DroidSans.ttf') format('truetype'), url('../fonts/DroidSans.svg#DroidSans') format('svg');} Просто выкашиваю лишнее.

Могу предложить на li основного меню добавить {padding-bottom: 4px; margin-bottom: -4px;} Padding увеличит выступ LI за пределы UL, а Margin не даст фону UL увеличиться на эти же лишних 4px. 4px взяты просто для примера, но они дадут возможность сделать выпадающему меню до 4px margin-top без снятия hover на пути курсора к нему. Не могу гарантировать, как оно в IE, не проверял.

Если вопрос корректный, то jQuery UI здесь не поможет. Как я понял, имеется ввиду именно браузерный autofill сохраненными браузером значениями. Эти элементы существуют вне DOM, потому их нельзя стилизовать. Другое объяснение - нельзя стилизовать браузерные нативные фичи. Единственное, что удалось найти - вид автозаполненных полей (не выпадушки). Но у меня работать не захотело http://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css

F12 и использовать "лупу"

Стоит лишь задуматься, почему именно в таком порядке (учитывая такую фишку как специфичность). На самом деле всё просто.

список - дело принципиальное. хочешь делай, хочешь нет. тут можно и оставить списком. for только убери

намного удобнее в данном случае в <label> включать и <input>. тогда никакой for и id не нужны. и управлять удобнее, т.к. у нас уже будут элементы-строчки. т.ч. можно будет и без <li>

Запомнить то может и просто. Но лучше понять принцип. По специфичности (более специфичный, как известно, круче и должен висаться позже, дабы не мешать другим). Link - общий статичный вариант. Visited - общий статичный вариант при выполнении определенного условия (посещенность страницы). Hover - вид по действию (т.е. без действия не работает). Active - вид при двойном действии hover + клик. Правда, если не понимаешь эту идеологию, понять вышесказанное сложно будет

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

а можно это онлайн посмотреть? на первый взгляд пока вижу только, что в коде используется overflow:hidden; который для IE6 ничего не даст. специально для него ставится height:1%; к примеру. а так надо смотреть. не хватает информации

понимаешь ли, для таких болезненных тэгов как <p>, <h*>, <ul> и т.п. каждый браузер ставит по-умолчанию свои парамерты.. к примеру для <p> в одном браузере отступы могут быть за счет padding, в другом за счет margin потому и обнуляем всё каждый раз

ну, я бы сделал так, набросил ограничения по min-width / min-height, а внутри положил div, который бы был с overflow:auto, то бишь со скроллом когда надо. правда учитывая размах (далаем то всё по максимуму), пришлось бы скриптами обрабатывать. благо jQuery могуч

На "десяток браузеров" можно и забивать, установив список поддерживаемых-любимцев (IE,FF,Opera,Safari,Chrome ~ итого 6-7 браузеров, реально из которых надо тестить 4).

не удержался http://anarion.info/temp/html-bigboard/ конечно же это лишь набросок. с внутренностями и минимумами извращается кто как может. за именование классов тоже не бейте, мне было лень ну и разумеется качество.. с исходной psd было бы красивее, пожалуй

контентный блок не имеет float и потому здесь должен идти последним и подбирать под себя 2 предыдущие колонки. это надо вам попрактиковаться с плавающими блоками, чтобы понять механизм. сам код из 4 поста не проверял, но если уж есть какая проблема, то можете попробовать увелечить margin от краев, возможно что-то цепляется

>> чтобы оно полностью отображалось фон нельзя масштабировать. какая картинка есть, такой и выведется. или в чем у вас там проблема? скриншот в студию. или ссылку

типа того, но только центральный тогда надо в коде перенести после двух боковых в сообщении #4 верно вот только лучше для #structure заменить: position:relative; left:10%; на: margin: 0 auto; height ему, кстати, тоже не поможет.

а где ещё?

>>ps ну, имелся ввиду artlebedev.ru, а не tema.ru впрочем внутри там тоже каша. извините, но использовать заранее устаревшие аттрибуты всё равно не правильно.

определять разрешение - это глупость. в вебе имеет значение лишь размер окна браузера. а это уже много кто умеет.

а вместо auto свои % не прописать?

первый вопрос не понятен. разделители между пунктами делаются в зависимости от ситуации. можно просто бордером: {border-right:1px solid #f00;} в более сложных случаях фон: {background:url(images/menu_bg.gif) 100% 0 no-repeat;}. тут ещё можно padding-right предусмотреть, чтоб текст не налазил на картинку. по второму. проще сделать картинку фоновую (точку) и положить как {background:url(images/header_bg.gif) 0 90% no-repeat; padding-left:20px;} никаких before. всё равно не везде работает