изображение в/у изображение

с таблица като фон
Код:
<table style="height:175px; width:100px;"  cellpadding="0" cellspacing="0"><tr>
<td style="background:url(image);">
<table style="height:175px; width:100px;" cellpadding="0" cellspacing="0"><tr>
<td style="background:url(image);"> 
</td></tr></table>
</td></tr></table>
 
Зависи какво целиш? В повечето случаи аз бих го направил така:

1. Един div с нужните височина и широчина
2. В него слагаш едното изображение с position: relative; и съответните стойности за top, left и z-index
3. В него слагаш другото изображение с position: relative; и съответните стойности за top, left и z-index с 1 по-голямо от предното изображение :)

Постига се такава прецизност за каквато не би и мечтал. Не получаваш и милион размествания, защото дивът е точно за това.
 
andrian

да с css искам да е но как ще стане


снимката я извеждам така
<img src="'.$more[pic].'" border="0" width="130" height="100">

само да му задам class
<span class="PNG"> </span>и да е отгоре снимката
 
adrian

<div id="pictures">
<img src="'.$more[pic].'" border="0" width="130" height="100" id="first"/>
<img src="'.Друга снимка.'" border="0" width="130" height="100" id="second"/>
</div>

#pictures { width: 200px; height: 200px; border: 1px solid red; }
#first { position: relative; top: 5px; left: 5px; z-index: 1; }
#second { position: relative; top: 50px; left: 50px; z-index: 2; }

#pictures { .... } - Този код прави основния контейнер 200 на 200 px. Сложих рамка на дива, за да виждаш нагледно какво става. (Можеш да смениш височината и широчината на дива, в зависимост от това, което ти трябва. Също така да махнеш рамката, тя е само, за да виждаш какво точно става.)

#first { .... } - Поставя първата снимка на по 5 px навътре от горната и лявата рамка на главния див. (Също можеш да го смениш като настройваш top и left)

#second { ... } - Поставя втората снимка на по 50 px навътре от горната и лявата рамка на главния див. (Също може да бъде променено)

Прави се с position: relative, защото за да се сложи z-index трябва да имаш или абсолютно позициониране или релативно. Ако не ти е важно да се вижда застъпеното се прави с отрицателни margin-и :)

Също вариант е едното изображение да се сложи като фон на даден елемент, а другото да се сложи като картинка, но аз този вариант не го предпочитам, защото според мен леко ограничава.
 

Back
Горе