[HTML] Klikane obrazki na obrazku

[slavoo]

Nie znam się na HTML a chciałbym wykonać sobie takie coś jak na obrazku poniżej. Obrazek ma 600x200.


Obrazek 1 to tło w .jpg lub .png na którym będą się znajdować Obrazek 2,3 i 4 (też w .jpg lub .png), które chciałbym, żeby były klikane a pod nimi linki. Każdy obrazek inny link.
To ma być generalnie sygnatura.

Domyślam się, że dla znawcy HTML to pestka napisać takie coś. Dla mnie to czarna magia.

Bardzo proszę o pomoc.

[nc715]

<div style="width: 600px; height: 200px; background-image: url(adres do obrazka1)">
<img src="adres do obrazka 2" style="margin: 20px 0 0 10px" alt="" />
<img src="adres do obrazka 3" style="margin: 20px 0 0 10px" alt="" />
<img src="adres do obrazka 4" style="margin: 20px 0 0 10px" alt="" />
</div>

[Damian19]

PS. stylów nie powinno się łączyć z html. Style powinny być w oddzielnym pliczku.

[MatixYo]

@Damian19 Nie zawsze. Np. jeśli na tylko jednej podstronie mamy jakiś specyficzny element DIV, to nie opłaca się dla niego tworzyć styli w głównym pliku .css bo przeglądarka za każdym razem będzie go pobierała nawet gdy na stronie nie będzie danego elementu.

[Pedro84]

@MatixYo - a ile b może ważyć styl dla jednego elementu? A przy użyciu stylów inline, masz syf w kodzie.

[Kartofelek]

Pedro84 - jakby się uprzeć...

kilka teł najlepiej w base64 (w sumie nie sprawdzałem tego) +
kilkanaście czcionek z głupimi długimi nazwami +
bezsensownie wybrane właściwości oczywiście nie w wersji skróconej

...to dało by radę zrobić styl który by zajął ponad ekran