Zaloguj się

**Kartofelek** · 16-12-2011, 22:45

to przeklej tutaj caly kod

**Kartofelek** · 16-12-2011, 23:31

Asiu aniołku ty nasz - źle to robisz. Żadne cięcie na kawałki, to nie te czasy Smile

Kopiujesz poniższy kod na swoją strone (między <body> a </body>)

Kod:
<style type="text/css">

     .riddle {

               posiiton:relative; 

               width:......px; 

               height:.....px; 

               background:url(....obrazek_tła.jpg....) no-repeat; 

               overflow:hidden;

      }

     .piece {

               position:absolute; 

               top:.....px; 

               left:....px; 

               width:....px; 

               height:....px; 

               display:block; 

               overflow:hidden;

        }

</style>

<div class="riddle">

    <a href="adres_stronyX.html" class="piece"></a>

</div>

.riddle <- to jest twoje tło, które jest całym obrazkiem (bez cięcia). Musisz mu ustawić width i height (wymiary)
.piece <- klikalny obszar. Musisz mu ustawić width, height i pozycję top i left od górnego rogu.

grzesiek77 · 17-12-2011, 01:16

Albo jeszcze krocej Smile

<img src="twoj_obrazek" alt="" usemap="#klik">
i prosta mapka
<map id="klik" name="klik">
<area shape="rect" coords="tu_wstaw_wspolrzedne" href="tu_wstaw_adres_linka" alt="" />
</map>

asiaaniol · 17-12-2011, 02:24

Bardzo dziękuję za Waszą pomoc! Notepad++ pokazuje, że wszystko jest w porządku. No, tak... ale po wrzuceniu HTMLu na stronę obrazek się nie wczytuje. Kombinowałam z różnymi opcjami, a znajomi, którzy coś na temat HTMLu więcej wiedzą są zajęci i nie mogą mi pomóc. Oj, zdaję sobie sprawę, że to co teraz powiedziałam nadaje się na obrzucenie spleśniałymi pomidorami, ale naprawdę nie mam pojęcia, jak się za to wziąć (ok, mam pojęcie, chciałam spróbować wgrać html na ftp serwer, ale wolę najpierw spytać tu, bo może ja to po prostu źle robię?). To już będzie moje ostatnie pytanie, obiecuję!

**Kartofelek** · 17-12-2011, 04:33

Używaj małych liter. Dużych nie używaj. Używaj angielskich liter. Polskich nie używaj.
Używaj ścieżek relatywnych. Ścieżek windowsowych nie używaj. Tak rzecze prawo.

Czyli nie:
c:\windows\dla mojego Świtaśnego Króliczka\Super graficzka.jpg
a
super_graficzka.jpg (jeżeli grafika jest w tym samym katalogu co strona Smile

asiaaniol · 18-12-2011, 23:03

Hej,
próbowałam różnymi sposobami, plik HTML zapisałam w tym samym folderze co zdjęcie (wciąż nie wyświetla mi zdjęcia na stronie), poprawnie adresowałam (czyli nie żadne C:// etc, a images/soubes.jpg), wciąż nic z tego, teraz spróbowałam za pomocą wgrania obrazka na imageshack.us, ale wciąż nici. Może mi ktoś pomóc z tym, bardzo proszę o odpowiedź, czuję że jestem już bliska rozwiązania.
Oto mój HTML:

Kod:
<!doctype html>

<html>

<head>

<title> :> </title>

<style type="text/css">

</style>

</head>

<body>

<style type="text/css">

     .riddle {

               posiiton:relative; 

               width:1000px; 

               height:750px; 

               background: <img src="http://imageshack.us/photo/my-images/72/4524464.jpg/" alt="" title="" /> no-repeat; 

               overflow:hidden;

      }

     .piece {

               position:absolute; 

               top:250px; 

               left:400px; 

               width:90px; 

               height:83px; 

               display:block; 

               overflow:hidden;

        }

</style>

<div class="riddle">

    <a href="http://google.pl" class="piece"></a>

</div>

</body>

</html>

hieroshima · 19-12-2011, 00:01

zamien background: <img src="http://imageshack.us/photo/my-images/72/4524464.jpg/" alt="" title="" /> no-repeat;

na

background: url('../photo/my-images/72/4524464.jpg') no-repeat;

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie