Господа помогите создать кроссбраузерный ХТМЛ-код, для отображения в фоне определенной ячейки таблицы или в фоне самой таблицы промасштабированной картинки. И поверх нее должен отображаться текст ячейки. Кроме того зараее неизвестны ни ширына ни высота ячейки.
Следующий код работает практически правильно, за исключением того что не определяется автоматом высота картинки.
Здравствуйте, Alex Reyst, Вы писали:
AR>Насколько кросс-браузерный?
По крайней мере IE+Opera
sba>>Следующий код AR>... ужасен. Растоптать и выбросить — td/div в одной строке.
пасибки В ХТМЛ не силен.
td/div в одной строке получено методом научного тыка. Просто без относительного <div> последующий контейнер
<img> оставляет пустое пространство в том месте где он должен быть без использования стилей.
AR>Без JS все поставленные условия imho невыполнимы в рамках только html/css.
Вприеципе решенее на JS тоже подойдет.
В те далекие времена, когда байты были еще битами...
Здравствуйте, sba, Вы писали:
sba>Практически получен желаемый результат, осталось только АВТОМАТИЧЕСКИ подбирать высоту имейжа по высоте ячейки. sba>КАК?
Еще раз — без JS никак.
Даже в том виде, в котором этот код "работает" сейчас — это следствие попустительства браузеров. Этот код не должен отрисовываться, и браузеры, стандарт соблюдающие, этого и не делают — Mozilla, например. Глюками же браузеров для достижения полезных целей пользоваться категорически не советую.
А вот пример того, как это можно сделать с помощью JS. Под собственные нужды доработать напильником.
Все, что здесь сказано, может и будет использоваться против меня...
sba wrote:
> Практически получен желаемый результат, осталось только АВТОМАТИЧЕСКИ > подбирать высоту имейжа по высоте ячейки. > КАК?
Вообще говоря, изменять размеры растровых картинок — гиблое дело — выглядит преотвратно, тебе лучше пересмотреть дизайн
и вместо растягивания сделать повторение. Тогда можно сделать:
<td style="background: url(img/Caption.gif) repeat-y">
В общем, лучше опиши, какого ты эффекта хочешь добиться, а мы подумаем, как это можно сделать.
Posted via RSDN NNTP Server 2.0
но это не зря, хотя, может быть, невзначай
гÅрмония мира не знает границ — сейчас мы будем пить чай
Здравствуйте, kan, Вы писали:
kan>В общем, лучше опиши, какого ты эффекта хочешь добиться, а мы подумаем, как это можно сделать.
Например сделать градиентную заливку беграунда ячейки таблицы. У меня растровая картинка с градиентом, размеры 320*20 масштабируется прекрасно даже до размеров 1000х1000.
ЗЫ. Градиент горизонтальный так что повторением ничего не добьюсь.
В те далекие времена, когда байты были еще битами...
sba wrote:
> kan>В общем, лучше опиши, какого ты эффекта хочешь добиться, а мы > подумаем, как это можно сделать. > Например сделать градиентную заливку беграунда ячейки таблицы. У меня > растровая картинка с градиентом, размеры 320*20 масштабируется прекрасно > даже до размеров 1000х1000.
Не верю, что прекрасно.
> ЗЫ. Градиент горизонтальный так что повторением ничего не добьюсь.
Ну дык гугли "html gradient", тут же находится IE-only решение на фильтрах.
Для FF можно заюзать svg.
Posted via RSDN NNTP Server 2.0
но это не зря, хотя, может быть, невзначай
гÅрмония мира не знает границ — сейчас мы будем пить чай
Здравствуйте, sba, Вы писали:
sba>Практически получен желаемый результат, осталось только АВТОМАТИЧЕСКИ подбирать высоту имейжа по высоте ячейки. sba>КАК?
sba>