TorchTT

SelenIT Спасибо) Вероятнее всего именно этот баг и проявился. Решил проблему через js. Вопрос решен. Тему можно закрывать.

Он задан: background-color: white;

В нижнем блоке выводится реальный адрес, а в перекрывающем - ip. Перекрывающий появляется при наведении курсора на нижний блок. Если убрать точки, то пользователь может не понять, что это сокращение и адрес станет не "дом 33", а "дом 3"

Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?

Для IE9 существует css-хак ":root" : :root .style { font-size: 15px !important\9; } Тем не менее, данный хак воспринимает Chrome и Firefox. Если убрать в коде "\9" :root .style { font-size: 15px !important; }то ничего не меняется. Подскажите, пожалуйста, как решить проблему? UPD: Проблема решает изменением кода: :root .style { font-size: 15px \9 !important; }Вопрос можно закрывать.

red4pony Благодарю за ответ.

Если у элемента <a> указать размер шрифта 14px, то line-height перестает изменятся при ввода значений, меньших размера шрифта. HTML: <ul class="someClass"> <li> <a href="#">SometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometex </li> </ul> CSS: .someClass li a { font-size: 14px; line-height: 4px; } Подскажите, пожалуйста, по какой причине не изменяется высота строки?

Вопрос решен. Тему можно закрывать.

Есть html-макет для отправки на электронную почту. Данный макет состоит из таблиц, содержащих картинки. В Thunderbird при вставке HTML при помощи "Insert" -> "HTML.." в письмо добавляется таблица без картинок. Подскажите, пожалуйста, как в письмо вставить html-макет с картинками?

pashkje Благодарю за ответ. Забыл уточнить, что в 1 ячейке содержится картинки-бордер со скругленными углами, а в другой - обычный однотонный фон. При наведении на одну из ячеек - необходимо в 1 ячейке менять картинку на другую, а во 2-й - изменять фон

Есть таблица, состоящая из 1 строки, содержащей 2 ячейки. Подскажите, пожалуйста, как при наведении курсора мышки на одну ячейку - менять фон сразу в 2 ячейках?

Проблема решена. Для корректного отображения текста необходимо в классе .mc-button убрать параметр display: table; Тему можно закрывать.

Имеется input: <input type="submit" id="SomeId" value="Найти" class="mc-button mc-button-orange" /> стили: .mc-button-orange { border: solid #A26F19; border-image: initial; background: -webkit-linear-gradient(top, #F2BD65, #CB891E); } .mc-button { min-width: 10px; line-height: 24px; height: 24px; padding: 0 28px; padding-top: 2px; text-align: center; -moz-transition: all 0.218s ease 0s; -moz-user-select: none; background: #1B7BCB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6AC3EB), to(#1B7BCB)); background: -webkit-linear-gradient(#6AC3EB, #1B7BCB); background: -moz-linear-gradient(#6AC3EB, #1B7BCB); background: -ms-linear-gradient(#6AC3EB, #1B7BCB); background: -o-linear-gradient(#6AC3EB, #1B7BCB); background: linear-gradient(#6AC3EB, #1B7BCB); color: white; display: table; font-size: 12px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-outline-radius: 10px; border-radius: 10px; border: 0px solid #0076A3; border-bottom: 1px solid #1564A5; overflow: visible; cursor: pointer; clear: none; float: left; } Скругленные уголки сделаны при помощи библиотеки PIE. В IE8 \ IE9 внутри input не отображается слово "Найти". Подскажите, пожалуйста, как решить проблему? Забегая вперед, отключение PIE для данных классов и тега не помогает.

Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.