Jump to content

SelenIT

Expert
  • Posts

    4,327
  • Joined

  • Last visited

  • Days Won

    140

Everything posted by SelenIT

  1. т.е. никаких неймспейсов, имена тегов в DOM всё равно в верхнем регистре, и т.д... а если не видно преимуществ, зачем писать больше и грузить сервер лишним запросом? Есть вариант чуть проще, когда страница отдается тоже как абстрактный XML, но CSS навешивается на него через тот же <?xml-stylesheet?> напрямую. Но тогда, наоборот, отваливается куча привычных интерфейсов HTML DOM и вообще есть свои сюрпризы, так что этот вариант тоже далек от практики. И еще в XML-режиме IE скачивает-таки DTD и пытается реально валидировать по нему (ЕМНИП), что тоже увеличивает нагрузку на клиента и тормозит загрузку сайта. Так что именно обойти проблему не получается. Можно лишь "замаскировать", к сожалению. Вообще, имхо, XHTML погубило именно отношение к нему как "обычному, но при этом строгому HTML". На самом деле это XML в обвесе из HTML-ной семантики, который — при соблюдении огромной кучи условий и оговорок — может парситься некоторыми парсерами более-менее как HTML (хотя никто этого не гарантирует). В частности, с парсерами, полностью поддерживающими HTML4, XHTML не совместим принципиально (многострадальные /> в одиночных тегах по правилам SGML должны восприниматься как ><). К счастью, в реальном мире такой парсер есть лишь у одной программы — у валидатора
  2. Это является определяющим. Без этого XHTML — никакой не X, а в лучшем случае вариант HTML5, в худшем — "теговая похлебка"
  3. Уж что-что, а xhtml 1.0 уж точно не получится использовать по назначению, пока IE8- не вымрет .
  4. Так я уже дал подсказку — вместо self.location.href при выборе опции нужно менять this.form.action. Ну и кнопку submit в форму надо бы добавить.
  5. Какой именно атрибут? Может, для того атрибута дополнительные ограничения? Вот такое <!DOCTYPE html> <title>TEST</title> <meta charset="UTF-8"> <img src="about:blank" data-test=отБалды+-№;%—гыгы$*?/|\>у меня на ура валидируется.
  6. Верно — так работает self.location. Следовательно — нам он нафиххх не нужен. А нужно, насколько я понимаю, отправлять форму на разные обработчики. Т.е. по onchange нужно менять this.form.action. Кстати, писать "сын моего папы с моим именем" вместо "я" — в смысле, для элемента с именем newcat писать this.form.newcat вместо просто this — вовсе необязательно .
  7. body { font-size: expression(document.body.offsetWidth < 700 ? '.625em' : (document.body.offsetWidth < 1000 ? '.75em' : (document.body.offsetWidth < 1250 ? '1em' : '1.25em'))); } Вот такое, кажется, работает в режиме IE7. В IE8, чтоб ему, даже экспрешны не работают, остается только обычный скрипт. <!--[if lte IE 8]><script> onload = onresize = function() { document.body.style.fontSize = document.documentElement.clientWidth < 700 ? '.625em' : document.documentElement.clientWidth < 1000 ? '.75em' : document.documentElement.clientWidth < 1250 ? '1em' : '1.25em'; } </script><![endif]-->
  8. На эту тему, на самом деле, есть кучи исследований. Вот, например. Имхо, в связи с бурным наступлением HD-развлечений, домашние мониторы очень скоро перейдут на 1920?1080(1200) и на пару-тройку лет на этом рубеже задержатся. Но параллельно с этим продолжат свое победное шествие нетбуки, планшеты и прочая важная мелочь, так что ширина в 1024 еще долго останется актуальной.
  9. Это просто пример, так можно задать базовый размер шрифта для всего сайта или для какой-то его части (подставив вместо body). 1em по умолчанию равен 16px, в моем примере размер меняется по ступеням 10, 12, 16 и 20px, но это просто для примера. Вот нашлась неплохая статья с примерами про это безобразие.
  10. Только если ступенчато... @media screen and (max-width: 700px) { body { font-size: 0.625em; } } @media screen and (min-width: 701px) and (max-width: 1000px) { body { font-size: 0.75em; } } @media screen and (min-width: 1001px) and (max-width: 1250px) { body { font-size: 1em; } } @media screen and (min-width: 1251px) { body { font-size: 1.25em; } } Но в IE8 и ниже всё равно без скрипта (хотя бы в виде экспрешна) никак.
  11. Хех, а спеку-то они все, оказывается, все нарушают (про IE9 только не знаю — не под рукой сейчас). Background-clip нигде эффекта не дает. В FF всегда будто бы padding-box (режет по внутренней границе бордера), в Хроме — border-box (по внешней), и никакие стили этого не меняют... А про картинки я, выходит, понимал неправильно. Похоже, разработчики браузеров поначалу тоже
  12. Если я хоть что-то понимаю, именно из-за этой оговорки в спеке оно и не пашет.
  13. Честно говоря, тут я сам плохо понимаю. На мой взгляд, масло масляное какое-то написано. Видимо, это для случаев, когда, например, у картинки есть закругленный border и padding, то обрезка всегда будет идти по внутренней границе padding-а, т.е. краю самой картинки, а она-то не закруглена... получается, закругление border-а на углы картинки вообще не должна влиять, что ли (хотя практика подтверждает этот невеселый вывод)? Если так, возможно, для картинок придется ждать padding-radius или content-radius в каком-нибудь CSS5...
  14. Сейчас вроде прописано: Так что можно смело писать в трекер и поднимать приоритет бага, насколько можно.
  15. Переходить специально не нужно — новые браузеры (начиная с Хрома и свежевышедшего FF4) уже интерпретируют страницы с XHTML-доктайпом по правилам HTML5 А вот внедрять новые фичи, требующие хаков, действительно рановато. Хотя сильно зависит от проекта...
  16. Лейблу — position: relative, инпуту — position: absolute и координаты, какие надо... и размеры для подстраховки, а то чекбоксы в браузерах по умолчанию сильно разнятся.
  17. Зато однозначно показывает, что это именно фрагмент, один из многих. И, чтобы сделать эту атомную бомбу (или о чем мы там говорили?), нужно пройти весь квест и собрать все остальные А вообще через CSS можно пронумеровать всё что угодно. Если бы не IE7-... P.S. не удержался... ...попробуйте объяснить это свежевыпущенному FF и актуальным Хромам
  18. В IE8 случайно режим совместимости никакой не включен? И какая версия Оперы?
  19. Принципиальной разницы нет. Имхо, определяется дизайном формы. Если нужно, чтобы инпут был на отдельной строке, пусть будет див, если нет — спан. В общем случае спан даже поуниверсальнее...
  20. Вот один из вариантов.
  21. Нормально. Если это не вконтактик с миллионами юзеров онлайн одновременно, то вообще особой разницы нет. Делайте так, как удобнее поддерживать. Если же сервер захлебывается под запросами, надо смотреть, что грузит его сильнее — добавочный трафик при первом посещении или добавочный HTTP-запрос при каждом. Чаще выгоднее бывает избавиться от запроса (объединив файлы), но многое зависит от специфики проекта. И преждевременная оптимизация — зло
  22. SelenIT

    404

    Я обычно сохраняю в том же ФШ через Save for Web and devices с качеством 60% (а иногда и 50-52% хватает). Плюс здесь я бы вырезал только забор, а рамку с надписью добавил версткой. Имхо, один забор в 35-40K ужаться должен без сколько-либо заметных потерь.
  23. Лучше обойтись без этого элемента вообще. Напр., заменив его псевдоэлементом :after (легендарный .clearfix) или задав контейнеру отдельный контекст форматирования (с помощью overflow:hidden или display:table). А то ублажать Tidy (даже не валидатор!), вставляя в ненужный элемент еще более ненужный невидимый текст — по-моему, всё равно, что делать педикюр на деревянной ноге... Если картинка чисто декоративная, лучше всего подложить ее фоном. Если она несет какой-то смысл, то надежнее всего — абсолютным позиционированием. Но зачем?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy