Znaczniki area i map - jak ich użyć w templatce z joomla ?

[moody]

Witajcie, chciałbym użyć w nagłówku mapy obrazka która to oznaczałaby jego jedną część, która prowadziła by do określonego miejsca. Niestety mój problem wygląta tak, że obrazek który jest logiem - headerem nie jest przywołany w pliku index templatki a jedynie jest tam div "header" który został sprecyzowany w template.css ( tam jest adres fizyczny obrazka) Wobec powyższego nie wiem jak umieścić w <img src= ......> znacznik map oraz gdzie go zdefiniować. Ma ktoś może jakiś pomysł jak to ugryźć ?

Może podgląd strony pomoże sobie zwizualizować problem :)

randompic.pl

Tutaj fragment indexu templatki dotyczący header'a:


<div id="header">

<div id="logo" >


</div>
</div>


A tutaj fragment css'a :


#header {
height: 287px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
width: 990px;
}

[PeFik]

wystarczy kod wkleić do modułu, a moduł opublikować np. w miejscu tam gdzie masz header.
Oczywiście można też na sztywno dodać w index.php szablonu, ale ile szablonów tyle rozwiązań, więc nie każ mi zagadywać, bo się nie da.

[moody]

tak więc udało mi się uzyskać zamierzony efekt - trochę prowizorycznie i na chama, ale działa jak chciałem. Otóż usunąłem z template.css sekcję header, natomiast do index.php templatki wstawiłem zamiast div id="header" :

<div align="center">
<img src="/templates/siteground-j15-43/images/header.jpg" alt="Randompic.pl - wylosuj sobie obrazek !" width="990px" usemap="#mapa" />
<map name="mapa" id="mapa">
<area shape="rect" coords="37, 65, 400, 128" href="http://www.randompic.pl" alt="Randompic.pl" />
<area shape="circ" coords="510, 125, 40" href="http://www.randompic.pl" alt="Losuj !" title="Losuj !" />
<area shape="poly" coords="840, 70, 895, 123, 840, 177, 780, 123" href="http://www.randompic.pl/index.php?option=com_joomgallery&view=userpanel" alt="Randompic.pl" />
</map>

<br><br>
</div>

Dziękuję za udział w dyskusji PeFik, twoja wypowiedź nakierowała mnie do celu.

Pozdrawiam.