Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS] początkujący - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [CSS] początkujący (/thread-css-poczatkujacy)



[CSS] początkujący - klawir - 14-05-2013

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?


RE: [CSS] początkujący - ILIES - 17-05-2013




RE: [CSS] początkujący - ferrante - 18-05-2013

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


RE: [CSS] początkujący - Kartofelek - 18-05-2013

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>



RE: [CSS] początkujący - atp - 20-05-2013

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


RE: [CSS] początkujący - Kartofelek - 20-05-2013

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