[HTML][CSS]Nakładanie obrazka na obrazek Opcje

[gregi1]

Mam problem, a wlasciwie jak najlepiej go rozwiazac.

Otoz mam div'a a w nim cztery obrazki w tabeli:

[HTML] pobierz, plaintext 
<div id="obrazek">
<table>
<tr><td><img src="obrazek1.jpg /></td><td><img src="obrazek2.jpg /></td></tr>
<tr><td><img src="obrazek3.jpg /></td><td><img src="obrazek4.jpg /></td></tr>
 
</table>
</div>
[HTML] pobierz, plaintext 

Obrazki linkuja do innych stron. I teraz musze nałożyc na nie (tak posrodku) jeszcze jeden obrazek "pieczatke" juz nie linkujacy nigdzie.

I w jaki sposob zrobic to najlepiej? Wiem ze mozna przez absolute i relative, ale ktory sposob lepszy, a moze jest jeszcze jakis inny?

[wookieb]

absolute. Relative na ie czesto sprawia problemy. Ale najlepiej zrobisz to w ten sposob działajacy wszedzie

Kod

#obrazek
{
background: url(obrazek1.gif) no-repeat;

padding-left: pooperuj sobie;
padding-top: pooperuj sobie;
}

Kod

<div id="obrazek1">
<img src="obrazek2" src="obrazek.gif" />
</div>

[gregi1]

absolute. Relative na ie czesto sprawia problemy. Ale najlepiej zrobisz to w ten sposob działajacy wszedzie

Kod

#obrazek
{
background: url(obrazek1.gif) no-repeat;

padding-left: pooperuj sobie;
padding-top: pooperuj sobie;
}

Kod

<div id="obrazek1">
<img src="obrazek2" src="obrazek.gif" />
</div>

NIe bardzo to chodzi, ale pozmienialem id w div i chodzi ale nie o to mi chodzilo.

Ponizej rysunek:


I chodzi mi o to aby kwadraty/prostokaty byly linkami do innych stron a okrag/elipsa tylko obrazkiem.

[wookieb]

http://www.kurshtml.boo.pl/html/odsylacz_o...,odsylacze.html
Na dole mapa odsyłaczy.

[gregi1]

http://www.kurshtml.boo.pl/html/odsylacz_o...,odsylacze.html
Na dole mapa odsyłaczy.

Fajne Dzieki.

Czyli teraz najlepszym rozwiazaniem wstawic caly obrazek i i skorzystac area shape?

[wookieb]

W twoim przypadku raczej tak.