TorchTT

SelenIT

Спасибо) Вероятнее всего именно этот баг и проявился.

Решил проблему через js.

Вопрос решен.

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

Он задан: 

background-color: white;

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

Если убрать точки, то пользователь может не понять, что это сокращение и адрес станет не "дом 33", а "дом 3"

Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста

Код:

http://jsfiddle.net/agh0knk6/1/

Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок

z-index не помогает.

Подскажите, пожалуйста, как решить проблему?

Для IE9 существует css-хак ":root" :

1. :root .style { 
2.   font-size: 15px !important\9;
3. }

Тем не менее, данный хак воспринимает Chrome и Firefox.

Если убрать в коде "\9"

1. :root .style { 
2.   font-size: 15px !important;
3. }

то ничего не меняется.

Подскажите, пожалуйста, как решить проблему?

UPD:

Проблема решает изменением кода:

1. :root .style { 
2.   font-size: 15px \9 !important;
3. }

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

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 {}

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

hedgehog

Great Rash

gordi

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

Вопрос решен.

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

Добавил на сайт Яндекс.Карты.

Тем не менее, не знаю как добавить кнопки "Добавить метку", "Получить информацию" и "Панорамы".

Подскажите, пожалуйста, как решить проблему?

Имеется блок со вложенными двумя блоками.

Оба блока имеют высоту, равную высоте вложенного в них контента.

Подскажите, пожалуйста, как сделать чтобы оба блока были одинаковой высоты?

Интересует именно одинаковая физическая высота обоих блоков и способы без JS.

Забегая вперед, пробовал методы, описанные в 4 способа как создать блоки-колонки одинаковой высоты.

Все описанные методы без JS основаны на добавлении фона, тем не менее физические размеры колонок остаются одинаковыми.

v01d0s

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

В приведенном приемере - создаются 3 класса с различными параметрами.

Мне необходимо прижать блоки, использующие один класс с динамической высотой.

psywalker

Имеются три блока, использующие один класс с динамической высотой. Данные блоки находятся внутри другого слоя.

Необходимо прижать три описанных выше блока к низу родительского слоя.

Подскажите, пожалуйста, как прижать зеленый, красный и синий блоки к низу родительского блока?

Radiocity

Спасибо за ответ.

Вопрос решен.

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

NeoXidizer

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

У IETester есть преимущество - все версии IE в одной программе.

Если кто-то знает программу, подобную IETester - буду рад ссылке)

Сейчас считается устаревшим Internet Explorer ниже 8-й версии.

Подскажите, пожалуйста, какие версии остальных браузеров считаются устаревшими на данный момент?

Для браузера Internet Explorer существует программа IETester, позволяющая просмотерть отображение сайта в различных версиях IE.

Подскажите, пожалуйста, есть ли подобные программы для других браузеров?

Благодарю всех за ответы.

Вопрос решен.

Использовал PIE.htc .

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