Jump to content

SelenIT

Expert
  • Posts

    4,327
  • Joined

  • Last visited

  • Days Won

    140

Everything posted by SelenIT

  1. Без доктайпа ждать от браузеров (особенно от IE) какой-либо логики бесполезно. На то он и Quirks mode Впрочем, если клиент, чтобы избежать неэстетичного вида зеленки на поцарапанной руке, готов ампутировать эту руку — его право...
  2. Поставьте самый короткий доктайп <!DOCTYPE html>, который переводит браузеры в стандартный режим, а последние версии еще и заставляет одинаково обрабатывать ошибки разметки. Ошибки валидации, если кто будет спрашивать, сваливайте на "сырость" стандарта . А править стили без доктайпа (особенно для IE, который в этом случае независимо от версии превращается в IE5.5 и забывает про все современные фичи) вы замучаетесь. Убирание доктайпа не решает ни одной реальной проблемы, но создает много новых.
  3. В Quirks mode (который без доктайпа или с ископаемым/кривым доктайпом) по-другому работает наследование шрифтов в таблицах (причем в разных браузерах по-разному) и многое другое. Так что убирать доктайп - плохая идея. Кривая верстка от этого "валидной" не станет , а вот разнобой в ее понимании браузерами лишь увеличится.
  4. Конкретно для этой страницы в Firefox (как минимум) получилось так: .title a[href=/index.php/programmnyye-produkty/programmy-1s/8-1s-otchetnost] { position: relative; white-space: nowrap; /* ссылка должна быть только в одну строку, иначе надпись-накладка "съедет" */ } .title a[href=/index.php/programmnyye-produkty/programmy-1s/8-1s-otchetnost]:after { color: red; content: "Новинка!"; position: absolute; right: 0; } Задать класс самой ссылке (точнее, всем будущим ссылкам с красной надписью "Новинка!" в конце), конечно, лучше.
  5. Можно просто через запятую, a:not([class]), a:not([id]) {...}
  6. К сожалению, пока нельзя (насколько мне известно). Свойство background-opacity в W3C еще не пропихнуто . Единственный выход — делать картинку не фоном, а отдельным позиционированным элементом.
  7. Класс заголовку задать хотя бы можно? Если да, то можно сделать финт ушами — подставить это слово псевдоэлементом (тем же шрифтом, но другим цветом) и накрыть им часть оригинального текста Других вариантов на ум не приходит...
  8. Можно добавить в ссылку :before/:after, спозиционировать абсолютно куда надо и задать border + нужные размеры.
  9. Больше всего на то похоже. Вероятно, где-то «дооптимизировались». Аналогичная беда есть и с высотой ячеек (см. «ложка дегтя» здесь).
  10. Да, если убрать у абзаца line-height, то он наследует line-height от body, по правилам наследования. А если у него есть собственный — то он не наследуется, а вычисляется на месте из его фактического font-size.
  11. Высота формы вроде фиксированная. Может, попробовать задать .jcarousel-clip'у еще больший нижний padding (чтобы форма могла на него «налезть»), и компенсировать это отрицательным нижним margin-ом общего контейнера галереи? Хотя вообще, имхо, вынести форму за карусель логично. Внутри карусели можно оставить только радиокнопку с id интересующего товара, а поле email-а и кнопка отправки пусть будет одна на всех...
  12. Сами по себе плавающие блоки игнорируют границы блоков (как родительских, так и соседних) и «проваливаются» сквозь них. Чтобы заставить контейнер охватывать их, применяют один из двух приемов: Добавляют после float-ов пустой элемент или псевдоэлемент со свойством clear (так называемый "clearfix"); Заставляют контейнер создать новый блочный контекст форматирования. Второй способ надежнее, т.к. не зависит от внешних соседей контейнера. А overflow: hidden — наиболее безопасный вариант создания нового контекста (другие варианты — display: inline-block, display: table/table-cell либо float самому контейнеру, но у каждого варианта — свои издержки).
  13. Как вариант — убрать position: relative у дива с классом jcarousel-clip и ul в нем. Правда, тогда координаты формы будут отсчитываться от внешнего дива jcarousel-container, но для вертикальной координаты это вроде как не помеха, а горизонтальную можно не указывать вообще (по умолчанию абсолютные элементы позиционируются там, где они были бы в потоке). Но обрезаться форма перестанет.
  14. Мда, в IE10 бага осталась
  15. Почему? Для него же явно указано 28. Раз есть непосредственно заданное значение, наследование ни при чем...
  16. Фотошоп по умолчанию обычно исходит из разрешения 72 пикселя на дюйм, поэтому в нем пункты (1/72 дюйма по определению) оказываются равны пикселям. В CSS закреплено соотношение 96 пикселей на дюйм, поэтому пункт равен 4/3 пикселя.
  17. Сорри за опоздание, но присоединяюсь к поздравлениям вдогонку!
  18. Если не путаю, аналогичная задача была решена на Хабре.
  19. Лесом. Любые иконочные шрифты, отображающие вместо символов что-то другое, которые могут не сработать — туда же, а платформозависимые — и подавно. И что такого есть в этом Wingdings, чего нет в обычном человеческом юникоде?
  20. Мда, простая, казалось бы, задачко, а... прикольная Как я понимаю, корень разночтения в том, что, хотя спека CSS запрещает схлопывание margin-ов корневого элемента, про область отрисовки там ничего не сказано . В данном случае содержимое заведомо переполняет корневой элемент (у HTML-то высота фиксирована), так что о схлопывании с ним речи не идет. Fx, видимо, перестраховывается и считает область отрисовки "исполняющем обязанности корневого эл-та" (его фон ведь переносится на нее), а другие делают как проще. Вообще что ожидается от фиксации высоты body и вставки в него .wrap-а не меньшей высоты, да еще и с отступом? Гарантированая вертикальная прокрутка? Если подвал всё равно по факту не прижимается, не проще ли не ограничивать html и получить нужное поведение по умолчанию? А так варианта без доп. блока на ум не приходит. В принципе, в качестве такого блока можно использовать body:after.
  21. У меня тоже проблемы не видно. В каком браузере под какой ОС она проявляется?
  22. Код не экзотичный, он нелогичный и неконструктивный. Зачем дублировать текст ссылки, если нужно всего лишь изменить ее фон? Зачем хитрое центрирование и растяжение, если размеры известны и фиксированы, а текст однострочный? В конце концов, раз уж используется модный CSS3, почему бы вообще не сделать этот эффект через box-shadow и обойтись вовсе без картинки (и лишнего HTTP-запроса)?
  23. Формально можно вообще русскими буквами id-ы и классы именовать, валидатор не против. Проблемы начнутся а) при смене кодировки (в т.ч. случайной — не тем редактором открыл и т.п.), б) если возникнет необходимость подключить к проекту иностранца. А в классах вообще можно использовать юникодовские спецсимволы типа стрелок, нот и смайликов — главное, чтоб шрифт редактора их понимал . Вообще правила хорошего тона — не догма. Можно всё, что решает задачу и не создает дополнительных проблем в текущих условиях. Аналогия с одеждой. Нет ведь закона, запрещающего ходить по улицам в скафандре или, скажем, индейской накидке из перьев, но большинство ходит в деловых костюмах либо в джинсах и т.п. Так принято и так удобно (в большинстве случаев)...
  24. Как по мне, еще удобнее, чем case, завести ассоциативный массив: $cargo_values = array(1 => 'Новая почта', 2 => 'Интайм'); ... $cargo_value = isset($cargo_values[$_POST['cargo']]) ? $cargo_values[$_POST['cargo']] : $default_cargo; ... echo $cargo_value; И не стоит злоупотреблять выводом кучи HTML через echo, лучше пользоваться вставками <?=$something?> в HTML-части aka «нативной PHP-шаблонизацией» (опять же имхо).
×
×
  • 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