Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Nakładanie obrazka na obrazek
Forum PHP.pl > Forum > Przedszkole
gregi1
Mam problem, a wlasciwie jak najlepiej go rozwiazac.

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

  1. <div id="obrazek">
  2. <tr><td><img src="obrazek1.jpg /></td><td><img src="obrazek2.jpg /></td></tr>
  3. <tr><td><img src="obrazek3.jpg /></td><td><img src="obrazek4.jpg /></td></tr>
  4.  
  5. </div>


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?questionmark.gif
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
Cytat(wookieb @ 13.05.2009, 12:52:09 ) *
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
Cytat(wookieb @ 13.05.2009, 13:40:46 ) *


Fajne smile.gif Dzieki.

Czyli teraz najlepszym rozwiazaniem wstawic caly obrazek i i skorzystac area shape?
wookieb
W twoim przypadku raczej tak.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.