![]() |
![]() |
джан 08.03.2004 - 20:37 | Мучаюсь с одним делом. В таблице на фото надо сделать виньетку. Сделал виньетку - GIF с прозрачным центром. Вот как теперь эту виньетку на JPEG фото наложить и совместить. Подскажите плиззз... |
DIVЕR 1 - 08.03.2004 - 21:03 | Можешь, если долго не морочиться, попробовать сделать основной фон как фон таблицы (или ячейки), а то, что нужно "наложить", - как простое изображение <img src..> |
джан 2 - 08.03.2004 - 21:57 | Так я уже пробовал, это не то... Фон таблицы трогать нельзя. Дело в том, что виньетка у меня должна быть постоянная а разное изображение подставляет скрипт. |
Любопытный варвар 3 - 08.03.2004 - 22:05 | Ну тогда накладывай мин... тьфу! виньетку каждый раз DIVом c z-index`ом, заведомо большим, чем у таблицы, в которой находится JPG |
джан 4 - 08.03.2004 - 22:37 |
Спасибо, вроде получилось: <div style="position:relative; z-index:2;"> <img border="0" src="image2.gif" width="110" height="160"></div> <div style="position:relative; top:-160; left:0; z-index:1"> <img border="0" src="image1.jpg" width="110" height="160"></div> Но работает как то неустойчиво. Если менять изображение image1.jpg, а оно может отличаться немного размерами, - конструкция разьезжается. |
джан 5 - 08.03.2004 - 22:54 | Млин... попробовал поместить это изделие в таблицу, все разьехалось. Поможите люди добрые... |
Любопытный варвар 6 - 09.03.2004 - 00:08 |
Все правильно, это жесткая конструкция, которая будет разъезжаться при малейшем изменении размера подкладываемой картинки. Чтобы система работала, надо либо 1) сделать так, чтоб подкладывемые JPGи имели однаковые размеры. 2) либо усложнить конструкцию накладываемой виньетки, то есть встроить ее в "резиновую" таблицу, где стороны "рамки" будут лежать каждая в отдельном TD в качестве его backgrounda. Тут уже надо смотреть на возможности самой рамки как исходного материала - удастся ли ее разрезать, разложить на планки и уголки. |
kubanoid 7 - 09.03.2004 - 00:22 | тю, так а если "разное изображение подставляет скрипт", то почему скриптом не наложить виньетку на изображение и выдать в браузер уже готовый жпег? |
DIVЕR 8 - 09.03.2004 - 00:34 |
Да, кстати, я поддерживаю Кубаноида =) Лучше сначала попытаться совместить оба рисунка на стороне сервера, чтобы избежать большего количества граблей с обработкой html-кода разными клиентами. Ведь подобные position: absolute|relitive иногда настолько непредсказуемо обрабатываются разными браузерами!.. |
Уверенный 9 - 09.03.2004 - 00:41 |
А я тут поэкспериментировал на ночь глядя: http://dda.perlmonk.org/files/cells :) Вместо виньетки - решетка. Не получается уменьшенную картинку к низу ячейки прижать :( В общем, я тоже склоняюсь к серверной обработке. |
джан 10 - 10.03.2004 - 00:46 | Большое спасибо всем за советы! |
Уверенный 11 - 10.03.2004 - 09:27 | Так к чему ты в итоге пришел? Нам тоже интересно. |
джан 12 - 10.03.2004 - 19:00 |
К твоему примеру: <TABLE> <TBODY> <TR><TD> <IMG style="POSITION: absolute" src="ramka.gif" width="210" height="340"> <IMG style="z-order: 1" src="photo.jpg" width="210" height="340"> </TD></TR> </TBODY> </TABLE> Спасибо! |