Jump to content

clavin

User
  • Posts

    200
  • Joined

  • Last visited

  • Days Won

    2

clavin last won the day on February 12 2012

clavin had the most liked content!

clavin's Achievements

Explorer

Explorer (1/14)

5

Reputation

  1. Тогда переменную n вообще лучше вытащить в глобальную область видимости. В вашем коде эта n используется только при клике.
  2. http://jsfiddle.net/WNQs6/16/ Можно применять инлайн-блочные блоки, а не использовать float.
  3. Надо указывать медиа-устройство, например так: <link rel='stylesheet' media='all and (min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='screen and ((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' />
  4. В HTML-файле я использую css3pie, чтобы в IE работал множественный бэкграунд. <style type="text/css" media="all"> .apost blockquote { behavior: url(http://localhost/css3pie.htc); display:block; margin:0.5em 5em; padding:0 20px; -pie-background:url('images/quotes_left.gif') left top no-repeat, transparent url('images/quotes_right.gif') right bottom no-repeat; background:url('images/quotes_left.gif') left top no-repeat, transparent url('images/quotes_right.gif') right bottom no-repeat; } </style> Код работает нормально и в IE6-7 оба бэкграунда отображаются. Видно, что здесь я использую behavior. Эта инструкция у меня записывается в декларации свойств внутри скобок { и }. А если мне потребуется сделать множественный бэкграунд для других элементов? Будет ли ошибкой, если я буду писать behavior: url(http://localhost/css3pie.htc) сразу в нескольких разных правилах для разных элементов? Ведь в этом случае я один и тот же файл подключаю несколько раз. Как поступать правильно? Я же могу сказать, что когда я использую behavior с тем же подключаемым файлом два раза на разных элементах, то в IE6, например, появляются баги (то есть что-то браузеру не нравится), а в остальных вроде всё нормально, но это скорее из-за того, что они не понимают этот синтаксис.
  5. Верно. В Интернете есть различные решения, как реализовать множественный бэкграунд для браузеров, не понимающих CSS3. Спасибо, что напомнил.
  6. Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?
  7. Great Rash, при изучении данной темы я столкнулся с той проблемой, что не хватает нужной терминологии. Я думаю, есть как минимум три вида масштабирования шрифтов, которые должны быть очевидно отличены друг от друга. 1) масштабирование с помощью браузера (CTRL + "+") 2) масштабирование с помощью тега <body>, когда на нём изменяется шрифт 3) изменение дефолтного шрифта в настройках браузера (если изменится то тоже произойдёт масштабирование шрифта на странице) А то везде говорят о масштабировании, а о чём конкретно идёт речь непонятно. А ведь это три совершенно разные вещи!
  8. Сейчас стало понятно, что шрифты следует задавать только в относительных размерах на любых макетах, эластичных или фиксированных. Другой методики в HTML-вёрстке просто не существует. Поэтому без лишних вопросов следует именно так и верстать.
  9. А если все размеры шрифтов указать в абсолютных единицах, то пользователь браузера при зумировании разницу не заметит... Я имею ввиду этот пример
  10. Спасибо за интересную ссылку, но вопрос это не раскрывает. Будь я обычным пользователем, что мне дадут эти относительные размеры шрифтов, если я не смогу одним нажатием клавиши исправить недочёты, возникающие из-за слишком маленьких или слишком больших шрифтов? Я только иногда вижу ситуации, когда зум браузера помогает при чтении. Например на этой странице зумирование хорошо работает. При увеличении полоса прокрутки сначала даже не появляется (сам макет не увеличивается, а подгоняется под размер экрана). Зум на этом макете работает хорошо. А если взять другую страницу, как например главная страница гугл, то при увеличении зума макет как будто просто увеличивается в размерах (как бы приближается к нам) и всё. Это уже плохо. В общем, как мне кажется, на то как зумируется страница влияеет её макет. Каким он тогда должен быть этот макет, чтобы при любом или почти любом разрешении экрана зумироваие позволяло изменить нужным образом текст, не испортить макет и не создать горизонтальные полосы прокрутки? Это должен быть эластичный макет? Не изучал подробно этот вопрос, но мне кажется очевидным, что для нормального масштабирования текста одного условия, что нужны шрифты с относительными размерами, недостаточно. Мои размышления ушли немного не в сторону Я правильно понял, что зум браузера не просто влияет на размеры шрифтов, а делает некие сложные преобразования, что смысл использовать только лишь относительные размеры шрифтов (без чего-то другого в макете) теряется?
  11. А разве эти две анонимные обертки (table-row и table-cell) не являются псевдоэлементами? Мне кажется, вы что то пропускаете. Здесь как мне кажется более наглядный пример для изучения вопроса. Не так ли? Не уверен, что псевдоэлементы создают анонимные боксы. Вроде как анонимный бокс образуется на месте единицы в рассматриваемом примере.
  12. В http://www.w3.org/TR/CSS2/cascade.html#inheritance сказано следующее: Как лучше перевести эту фразу и каков её истинный смысл? Никак я её не пойму. Предполагаю такие варианты перевода: "Заметьте, что Наследование следует по дереву документа и НЕ передаётся анонимным боксам"? или "Заметьте, что Наследование следует по дереву документа и передаётся анонимным боксам"? Помогите понять смысл сказанного
  13. После прочтения поста http://habrahabr.ru/post/42151/ я сделал тестовую страницу http://cssdesk.com/UCA4e с таким кодом внутри: body { font-size:100%; } текст не в параграфе <p style="width:200px; border:1px solid #ff0000;">текст внутри параграфа</p> <p style="width:200px; border:1px solid #ff0000; font-size:120%;">шрифт в процентах</p> <p style="width:200px; border:1px solid #ff0000; font-size:1.2em;">шрифт в em</p> <p style="width:200px; border:1px solid #ff0000; font-size:16px;">шрифт в пикселях</p> <p style="width:200px; border:1px solid #ff0000; font-size:12pt;">шрифт в пунктах</p> Хочется узнать, почему все так стремятся использовать относительные размеры шрифтов, если они полезны только в одном случае, если мы изменяем размер шрифта на теге <body>? Если же мы изменяем зум, например, в Firefox или другом браузере, то мы видим, что изменяются как шрифты, заданные в относительных размерах, так и шрифты, заданные в абсолютных значениях. В чём тогда преимущества для обычных пользователей? Только не говорите мне, что вместо меню "Вид->Масштаб" и клавиш "Ctrl" + "+" и "Ctrl" + "-" обычные пользователи полезут в настройки браузера и поменяют там дефолтный шрифт с 16 пикселей на 24 пикселя, чтобы у них половина сайтов стало отображаться неправильно. Я думаю, обычный пользователь максимум воспользуется в Firefox опцией зумирования "только текст", а в другие настройки лезть не будет. Я сам имею значительный опыт работы с браузерами, но мне никогда не приходило в голову лезть глубоко в настройки, чтобы поменять там дефолтный шрифт.
  14. Такая техника, вероятно, используется, чтобы одно и то же изображение не кэшировалось два раза, когда к нему обращаются по http и по https. Вопрос, на сколько валидна такая запись, чтобы её можно было применять повсеместно?
×
×
  • 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