[CSS] początkujący

[klawir]

Witam wszystkich. Mam problem w CSSie.

Głowie się od 2 dni jak zrobić podobne hiperłącze jak tu w HTML :

Kod:

<center> <img src= "tlo_1.jpg" usemap="#mapa_1"> </center>
        <map name="mapa_1">
        <area shape="circle" coords=" 0 416 180" href="plik.html" alt="dane">

Klikasz na obrazku jakiś element i wchodzisz do innej strony itd., w CSS mam coś takiego:

Kod:

<style>
            body
                    {
                background: url(menu.jpg)no-repeat bottom;
                background-attachment: fixed
              
            }
    </style>

teraz jak zrobić to hiperłącze na przykładzie pierwszego kodu?

[ILIES]

[ferrante]

Jedna uwaga, nie używaj <center>, ten tag nie jest semantyczny.

[Kartofelek]

Możesz np dać na jeden element tło i pozycje relatywną. A w tym elemencie pozycjonowac absolutnie inny element

Kod:

<style type="text/css">
.piko {width:200px; height:200px; background:url(.....) no-repeat; position:relative;}
.piko a {position:absolute; width:30px; height:30px; top:20px; left:10px; border-radius:50%; text-indent:-999px; overflow:hidden;}
</style>

<div class="piko">
     <a href="">Klikamy</a>
</div>

[atp]

Problem będzie jak zajdzie potrzeba dodać jakiś nieregularny shape

[Kartofelek]

Wiecie. Idąc w szczegóły można koledze zaproponować użycie jakiejś biblioteki do "obiektowego canvasa" ;]