SelenIT
-
Posts
4,327 -
Joined
-
Last visited
-
Days Won
140
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SelenIT
-
Имхо, лучше так: #toplist li { float: left; /* вместо этого можно использовать display: inline-block или display: table, но менее кроссбраузерно */ list-style-type: none; padding-right: 50px; } #toplist li a { float: left; padding-left: 20px; /* ширина иконки с отступом */ } #toplist li a.home { background: url(images/home.jpg) 0 50% no-repeat; } #toplist li a.cont { background: url(images/cont.jpg) 0 50% no-repeat; } ————————————-- <ul id="toplist"> <li><a href="#" class="home">Домой</a></li> <li><a href="#" class="cont">Контакты</a></li> </ul> Это ж не иллюстрация, а элемент оформления ссылки — ему место в CSS...
-
Как сделать прокрутку часов:минут:секунд в поле формы?
SelenIT replied to Silentium's question in HTML Coding
Имхо, вбивать часы-минуты-секунды тремя селектами архинеудобно. Лучше сделать одно поле и фильтр по onchange, приводящий значение к ближайшему допустимому (проще) или ввод по маске (сложнее, но в чем-то красивее. -
Я тоже за понимание сути, но иногда и время важно . А за ссылку спасибо, не знал, я все больше древнюю TweakPNG юзал...
-
Старые версии (до CS2 — не помню, включительно или нет гадят в PNG (с индексной палитрой), за ними подчищать приходится. И вообще новые версии лучше сжимают PNG при том же качестве. Имхо, для веба это актуально, поэтому я за прогресс
-
У меня этот код работает даже при открытии как локальный файл с диска, к адресу дописываю ?id=1, ?id=2 и т.п. (как в ТЗ.
-
Первую задачу — в заданной формулировке — тоже можно решить яваскриптом: <style type="text/css"> #div1, #div2, #div3 { display: none; } /* кстати, ID не может начинаться с цифры! */ </style> <script type="text/javascript"> var pageId = location.search.match(/id=(\d+)/); if (pageId && pageId[1]) { document.write('<style>#div'+pageId[1]+' { display: block; }</'+'style>'); } </script> Но зачем, когда действительно гораздо логичнее решать ее на сервере?
-
Баг-то достаточно известный, в принципе.
-
При увеличении шрифта (Zoom Text Only в FF, единственный zoom в Сафари/Хром1) текст наезжает на подвал. И минимальная ширина у шапки и подвала разная, при уменьшении ширины окна правая граница неровная. А так красиво!
-
Лично я не видел существенного разнобоя в отрисовке border-style: dotted со времен IE5 (который его тупо не понимал и рисовал как dashed). Хотя согласен, что точки в этой границе оказываются чаще, чем в обычном многоточии. На правах извращения — способ увеличения расстояния между точками <!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>разреженные точки</title> <style type="text/css" media="screen"> div { border-bottom: 1px dotted #000; } p, span, b { position: relative; bottom: -2px; } p { margin: 0; border-bottom: 2px dotted #fff; text-align: right; } span, b { background: #fff; } span { float: left; } </style> <div> <p> <span>Граница</span> <b>пунктир</b> </p> </div>Проверено в FF3 и IE7, но и в остальных проблем быть не должно, мне кажется...
-
Скорее всего эти буквы в метатеге — "автограф" редактора типа Frontpage. Никакой практически полезной нагрузки для отображения и работы страницы они не несут. Но профессионалы, увидев такие буквы в исходном коде, могут начать мерзко хихикать, поэтому лучше все эти бесполезные "автографы редактора" из кода вычищать
-
И действительно, заврался я малость. Вот что значит отвык от голого нестилизованного HTML-я...
-
Например, так: document.getElementById('p1').onclick = function() { alert('privet'); }При условии, что этот элемент к моменту срабатывания скрипта уже загружен и существует в объектной модели (т.е. скрипт находится в коде ниже него или вызывается по onload страницы).
-
Форма — блочный элемент, у нее по дефолту есть отступы, как у дива. form { margin: 0; padding: 0; } — простейшее стандартное решение.
-
IceBars, во-первых, в варианте с border-bottom: 1px dotted всё видно и без картинок. Во-вторых, отточие -- это чистой воды оформление (т.е. вотчина CSS), а в вашем примере эти кучи точек засоряют даже не разметку, а сам текст страницы. Так что глупость, и не отпирайтесь Но с уходом IE7, возможно, получится извлечь из вашей идеи разумное зерно — если засунуть эти точки в псевдоэлемент :after.
-
Pandemonium, срочно верните этот экспонат эпохи первой браузерной войны в тот музей, откуда вы его утащили (или на ту свалку. Выпадающие меню так не делают уже лет 7 как минимум, даже браузеров, на которые рассчитан этот код, уже не осталось.
-
просто document.getElementById('file').value
-
Сделать блок повыше и пошире, сдвинуть на выступ бабочки отриц. маргином и отогнать текст паддингом — не выход? Хотя действительно, иногда приходится жертвовать семантикой в угоду дизайну, возможно, здесь такой случай. Но альт-тексты, имхо, в любом случае должны быть либо осмысленными, либо пустыми...
-
Присоединяюсь, на узком экране становятся видны "зубцы" вокруг букв. Имхо, оптимальным ходом был бы PNG-8 с полупрозрачностью, чтоб "зубцы" были только в устаревшем браузере). И украшения типа бабочки, имхо, лучше делать фонами соотв. блоков, а не <img> - это ж не иллюстрация, зачем на сайте страховой конторы картинка с alt="butterfly"? Больше явных косяков сходу не заметил, вроде все отлично.
-
Как определить наведен/отведен курсор на объекте
SelenIT replied to scrache's question in JavaScript
scrache, не нужно умножать лишние сущности. По onmouseover-у вывешивайте на элементе флаг "наведен", по onmouseout-у на этом же элементе (это важно, тут подробности — http://archives.maillist.ru/13159/484886.html) этот флаг сбрасывайте, в ф-ции, вызываемой по таймеру (которая и отвечает за анимацию), этот флаг проверяйте. Nekromancer, и что нам даст проверка наличия у элемента свойств-обработчиков? -
Тоже столкнулся с выпадением при View Source, именно на "девятке". Но пока только на одной странице (хотя на ней проблема воспроизводилась). Правда, у меня View Source совмещен с HTML Validator'ом, а он и раньше создавал проблемы (напр., "левые" JS-ошибки). А HTML Validator недавно тоже обновился, так что не знаю, кто виноват
-
Классическое решение (не факт что лучшее "идеологически", но кроссбраузерное и проверенное годами) — дописывать к адресу картинки меняющийся параметр (напр., текущий timestamp или просто случайное число).
-
И если изначально блочному — тоже. Корень беды, насколько я понимаю — в пробелах между тегами (зараза-IE тупо игнорирует закрывающие LI, и пробелы оказываются внутри элемента списка), они не помещаются в строку рядом с блочным элементом и переносятся. Подробная статья есть на cssing.org.ua. Увы, мало толку — этим говном все равно будут пользоваться миллионы. Вот если тех, кто пользуется, хлопнуть, тогда да, верстальщикам жить станет действительно лучше и веселее. Но такое массовое мочилово уже тянет на геноцид...
-
Если забить на IE6, можно заюзать дочерние селекторы (table#cntab>tbody>tr>td и т.п.). Если забивать нельзя, можно сделать так: table#cntab td, table#cntab th {border:solid 1px black} /* ставим стиль для нужных ячеек */ table#cntab table td, table#cntab table th {border:none} /* для вложенных таблиц как бы сбрасываем назад в дефолтный */
-
Нарушения DTD нет. Но семантика списка покоцана не по-детски, так что strictly conforming такая разметка не является. Если это просто перечисление, а не словарик с пояснениями, обычный UL-LI гораздо уместнее, имхо.
-
Список <dt> без <dd> — правильная структура? Звучит, гм... необычно. Нельзя ли чуть поподробнее?