TorchTT
User-
Posts
46 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by TorchTT
-
text-overflow - в Firefox точки перекрывают наложенный блок
TorchTT replied to TorchTT's question in HTML Coding
SelenIT Спасибо) Вероятнее всего именно этот баг и проявился. Решил проблему через js. Вопрос решен. Тему можно закрывать. -
text-overflow - в Firefox точки перекрывают наложенный блок
TorchTT replied to TorchTT's question in HTML Coding
Он задан: background-color: white; -
text-overflow - в Firefox точки перекрывают наложенный блок
TorchTT replied to TorchTT's question in HTML Coding
В нижнем блоке выводится реальный адрес, а в перекрывающем - ip. Перекрывающий появляется при наведении курсора на нижний блок. Если убрать точки, то пользователь может не понять, что это сокращение и адрес станет не "дом 33", а "дом 3" -
text-overflow - в Firefox точки перекрывают наложенный блок
TorchTT posted a question in HTML Coding
Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: 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 {} Тему можно закрывать.
-
hedgehog Great Rash gordi Благодарю за ответ. Вопрос решен. Тему можно закрывать.
-
Добавил на сайт Яндекс.Карты. Тем не менее, не знаю как добавить кнопки "Добавить метку", "Получить информацию" и "Панорамы". Подскажите, пожалуйста, как решить проблему?
-
Имеется блок со вложенными двумя блоками. Оба блока имеют высоту, равную высоте вложенного в них контента. Подскажите, пожалуйста, как сделать чтобы оба блока были одинаковой высоты? Интересует именно одинаковая физическая высота обоих блоков и способы без JS. Забегая вперед, пробовал методы, описанные в 4 способа как создать блоки-колонки одинаковой высоты. Все описанные методы без JS основаны на добавлении фона, тем не менее физические размеры колонок остаются одинаковыми.
-
v01d0s Благодарю за ответ. В приведенном приемере - создаются 3 класса с различными параметрами. Мне необходимо прижать блоки, использующие один класс с динамической высотой. psywalker Имеются три блока, использующие один класс с динамической высотой. Данные блоки находятся внутри другого слоя. Необходимо прижать три описанных выше блока к низу родительского слоя.
-
Подскажите, пожалуйста, как прижать зеленый, красный и синий блоки к низу родительского блока?
-
Radiocity Спасибо за ответ. Вопрос решен. Тему можно закрывать.
-
NeoXidizer Благодарю за ответ. У IETester есть преимущество - все версии IE в одной программе. Если кто-то знает программу, подобную IETester - буду рад ссылке)
-
Сейчас считается устаревшим Internet Explorer ниже 8-й версии. Подскажите, пожалуйста, какие версии остальных браузеров считаются устаревшими на данный момент?
-
Для браузера Internet Explorer существует программа IETester, позволяющая просмотерть отображение сайта в различных версиях IE. Подскажите, пожалуйста, есть ли подобные программы для других браузеров?
-
Благодарю всех за ответы. Вопрос решен. Использовал PIE.htc . Тему можно закрывать.