SelenIT
-
Posts
4,327 -
Joined
-
Last visited
-
Days Won
140
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SelenIT
-
Без доктайпа ждать от браузеров (особенно от IE) какой-либо логики бесполезно. На то он и Quirks mode Впрочем, если клиент, чтобы избежать неэстетичного вида зеленки на поцарапанной руке, готов ампутировать эту руку — его право...
-
Поставьте самый короткий доктайп <!DOCTYPE html>, который переводит браузеры в стандартный режим, а последние версии еще и заставляет одинаково обрабатывать ошибки разметки. Ошибки валидации, если кто будет спрашивать, сваливайте на "сырость" стандарта . А править стили без доктайпа (особенно для IE, который в этом случае независимо от версии превращается в IE5.5 и забывает про все современные фичи) вы замучаетесь. Убирание доктайпа не решает ни одной реальной проблемы, но создает много новых.
-
В Quirks mode (который без доктайпа или с ископаемым/кривым доктайпом) по-другому работает наследование шрифтов в таблицах (причем в разных браузерах по-разному) и многое другое. Так что убирать доктайп - плохая идея. Кривая верстка от этого "валидной" не станет , а вот разнобой в ее понимании браузерами лишь увеличится.
-
Конкретно для этой страницы в 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; } Задать класс самой ссылке (точнее, всем будущим ссылкам с красной надписью "Новинка!" в конце), конечно, лучше.
-
Можно просто через запятую, a:not([class]), a:not([id]) {...}
-
К сожалению, пока нельзя (насколько мне известно). Свойство background-opacity в W3C еще не пропихнуто . Единственный выход — делать картинку не фоном, а отдельным позиционированным элементом.
-
Класс заголовку задать хотя бы можно? Если да, то можно сделать финт ушами — подставить это слово псевдоэлементом (тем же шрифтом, но другим цветом) и накрыть им часть оригинального текста Других вариантов на ум не приходит...
-
Можно добавить в ссылку :before/:after, спозиционировать абсолютно куда надо и задать border + нужные размеры.
-
Больше всего на то похоже. Вероятно, где-то «дооптимизировались». Аналогичная беда есть и с высотой ячеек (см. «ложка дегтя» здесь).
-
Да, если убрать у абзаца line-height, то он наследует line-height от body, по правилам наследования. А если у него есть собственный — то он не наследуется, а вычисляется на месте из его фактического font-size.
-
Высота формы вроде фиксированная. Может, попробовать задать .jcarousel-clip'у еще больший нижний padding (чтобы форма могла на него «налезть»), и компенсировать это отрицательным нижним margin-ом общего контейнера галереи? Хотя вообще, имхо, вынести форму за карусель логично. Внутри карусели можно оставить только радиокнопку с id интересующего товара, а поле email-а и кнопка отправки пусть будет одна на всех...
-
Сами по себе плавающие блоки игнорируют границы блоков (как родительских, так и соседних) и «проваливаются» сквозь них. Чтобы заставить контейнер охватывать их, применяют один из двух приемов: Добавляют после float-ов пустой элемент или псевдоэлемент со свойством clear (так называемый "clearfix"); Заставляют контейнер создать новый блочный контекст форматирования. Второй способ надежнее, т.к. не зависит от внешних соседей контейнера. А overflow: hidden — наиболее безопасный вариант создания нового контекста (другие варианты — display: inline-block, display: table/table-cell либо float самому контейнеру, но у каждого варианта — свои издержки).
-
Как вариант — убрать position: relative у дива с классом jcarousel-clip и ul в нем. Правда, тогда координаты формы будут отсчитываться от внешнего дива jcarousel-container, но для вертикальной координаты это вроде как не помеха, а горизонтальную можно не указывать вообще (по умолчанию абсолютные элементы позиционируются там, где они были бы в потоке). Но обрезаться форма перестанет.
-
Мда, в IE10 бага осталась
-
Почему? Для него же явно указано 28. Раз есть непосредственно заданное значение, наследование ни при чем...
-
Фотошоп по умолчанию обычно исходит из разрешения 72 пикселя на дюйм, поэтому в нем пункты (1/72 дюйма по определению) оказываются равны пикселям. В CSS закреплено соотношение 96 пикселей на дюйм, поэтому пункт равен 4/3 пикселя.
-
Сорри за опоздание, но присоединяюсь к поздравлениям вдогонку!
-
Если не путаю, аналогичная задача была решена на Хабре.
-
Лесом. Любые иконочные шрифты, отображающие вместо символов что-то другое, которые могут не сработать — туда же, а платформозависимые — и подавно. И что такого есть в этом Wingdings, чего нет в обычном человеческом юникоде?
-
inline-block + line-height?
-
margin у элемента который касается границы браузера
SelenIT replied to Whatsup's question in HTML Coding
Мда, простая, казалось бы, задачко, а... прикольная Как я понимаю, корень разночтения в том, что, хотя спека CSS запрещает схлопывание margin-ов корневого элемента, про область отрисовки там ничего не сказано . В данном случае содержимое заведомо переполняет корневой элемент (у HTML-то высота фиксирована), так что о схлопывании с ним речи не идет. Fx, видимо, перестраховывается и считает область отрисовки "исполняющем обязанности корневого эл-та" (его фон ведь переносится на нее), а другие делают как проще. Вообще что ожидается от фиксации высоты body и вставки в него .wrap-а не меньшей высоты, да еще и с отступом? Гарантированая вертикальная прокрутка? Если подвал всё равно по факту не прижимается, не проще ли не ограничивать html и получить нужное поведение по умолчанию? А так варианта без доп. блока на ум не приходит. В принципе, в качестве такого блока можно использовать body:after. -
У меня тоже проблемы не видно. В каком браузере под какой ОС она проявляется?
-
Код не экзотичный, он нелогичный и неконструктивный. Зачем дублировать текст ссылки, если нужно всего лишь изменить ее фон? Зачем хитрое центрирование и растяжение, если размеры известны и фиксированы, а текст однострочный? В конце концов, раз уж используется модный CSS3, почему бы вообще не сделать этот эффект через box-shadow и обойтись вовсе без картинки (и лишнего HTTP-запроса)?
-
Формально можно вообще русскими буквами id-ы и классы именовать, валидатор не против. Проблемы начнутся а) при смене кодировки (в т.ч. случайной — не тем редактором открыл и т.п.), б) если возникнет необходимость подключить к проекту иностранца. А в классах вообще можно использовать юникодовские спецсимволы типа стрелок, нот и смайликов — главное, чтоб шрифт редактора их понимал . Вообще правила хорошего тона — не догма. Можно всё, что решает задачу и не создает дополнительных проблем в текущих условиях. Аналогия с одеждой. Нет ведь закона, запрещающего ходить по улицам в скафандре или, скажем, индейской накидке из перьев, но большинство ходит в деловых костюмах либо в джинсах и т.п. Так принято и так удобно (в большинстве случаев)...
-
Как по мне, еще удобнее, чем 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-шаблонизацией» (опять же имхо).
