kidar2
-
Posts
28 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by kidar2
-
Как можно запретить? Интересует именно тема с img, тема с background-image не подходит.
-
Нет, все размеры заданы верно, условия как раз такие, что внутренний элемент находится за пределами родителя, но при этом нужно отображать его, даже если overflow:hidden.
-
Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты top, left относительно всей страницы, что серъёзно повлияет на производительность.
-
Тут довольно интересные способы собраны http://learn.javascript.ru/css-center
-
Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?
-
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"; Но изображения всеравно отрисовываются одно надо другим, без относительного сдвига. Собственно вопрос сводится к тому, возможно ли c помощью DXImageTransform произвольно позиционировать несколько изображений.
-
Оказывается без дополнительного тэга img никак... просто у нас картинки размещаются через спрайты и background-image. А в этом плагине картинка для canvas берётся из img. Может есть вариант без canvas вообще? К тому же будет довольно накладно создавать n canvas'ов.
-
Спасибо, даже в IE8 работает... интересно как?
-
Добрый день. Подскажите плз. Можно ли как-то задать картинке монохромный (чёрно-белый) стиль без создания новой картинки? В IE есть такое решение filter : gray. А для других браузеров делают через svg. Может есть что=то стандартное?
-
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
kidar2 replied to kidar2's question in HTML Coding
Спасибо, а для IE7-8 есть решение? -
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал границы элемента?
-
Подскажите каким образом это можно сделать ?
-
Есть div. Небходимо задать для него несколько backround-image'ов. Предполагается разместить их в разных частях дива через backround-position. Никто не решал такой задачи ?
-
Есть такой пример: <html> <head> <style type="text/css"> table { border-collapse: collapse; } TD { border: 1px solid black; } </style> </head> <body> <div> <table cellspacing="0" cellpadding="0" id="FirstTable"> <tbody> <tr> <td> раз </td> <td> два </td> <td> три </td> </tr> </tbody> </table> </div> <br /> <input type="button" value="visible" onclick="document.getElementById('FirstTable').style.visibility = 'visible';" /> <input type="button" value="hidden" onclick="document.getElementById('FirstTable').style.visibility = 'hidden';" /> </body> </html> Обычная таблица с границами в ячейках. Если менять стиль visibility на hidden, а потом на visible, то границы в таблице пропадут... (повторяется в Opera 10.5). Повторяется только с border-collapse: collapse; Кто-нибудь сталкивался с таким? Как это обойти ?
-
В моём случае у меня лишь разные браузеры и разные версии IE.
-
Почему глупое ? Можете назвать эти причины, самые главные ?
-
Ну зачем вы так сразу ? Я работаю не с самим Excel (привёл просто в качестве примера), а с ним подобным (грубо говоря собственным), экспортёр в html у меня свой. Вот мне и нужно добиться максимального сходства отображения таблицы в html с Excel подобным.
-
Есть некоторая таблица: <table cellpadding="0" cellspacing="0" style="width: 0px; table-layout: fixed;"> <tbody> <tr style="height: 0px;"> <td style="width: 50px;"> </td> </tr> <tr> <td style="overflow: hidden; padding: 0px; margin: 0px; height:50px" id="testTD"> Я помню чудное мгновение, передо мной явилась ты </td> </tr> </tbody> </table> Вот так она рендерится: В результате такой вёрстки удалось добиться того, что во всех браузерах невместившийся текст по ширине скрывается. Но по высоте он начинает расширяться чтобы весь текст вместился. Можно ли как-то заставить ячейку скрывать невместившееся содержимое по высоте ? Можно конечно добавить в ячейку div, и всё скрыть, но нужно чтобы сама ячейка умела это делать.
-
Это всё понятно, но у меня задача такая, что нужно добиться максимального сходства Excel подобного приложения и его отображения в html.
-
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
-
Спасибо вопрос снят. Нашёл на этом же сайте описание стиля outline,
-
Как сделать чтобы размеры элемента не увеличивались при задании border'a ?
-
IE DXImageTransform.Microsoft.Alpha для элементов больших размеров
kidar2 replied to kidar2's question in HTML Coding
Как бы выделена может быть не только строка, в выделении м.б. любой диапазон ячеек таблицы. И даже если выставлять всей строке нужный стиль, то данный баг это не исправит. -
IE DXImageTransform.Microsoft.Alpha для элементов больших размеров
kidar2 replied to kidar2's question in HTML Coding
>Какая-то мегатаблица... Юзер тянуть спан не задолбается? При клике по заголовку строки выделяется вся строка таблицы, вот так и получается мегаспан. Через картинку тоже думали... но решили сделать несколько по-другому: В Span запихали ещё несколько span'ов с размерами меньше, чем ограничение max ширины контейнера в IE. Затем у этих дочерних span'ов выставляем прозрачность. Всем спасибо ! -
IE DXImageTransform.Microsoft.Alpha для элементов больших размеров
kidar2 replied to kidar2's question in HTML Coding
От DOCTYPE не зависит. Я выложил весь код... То что с шириной width:32767px; будет работать мы уже разобрались ). Нам бы надо больше чем 32767px. А ширина такая большая нужна для следующей задачи: есть таблица, в ней может быть большое кол-во ячеек, таблицу можно просматривать/скроллировать и т.д. и выделять в ней диапазоны ячеек через сверху накладываемый span, так вот и получается что если выделить очень большой диапазон ячеек то и будут такие большие размеры span'a.