Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css] Wyrownanie elementow i inne pytania od laika
#11
to przeklej tutaj caly kod
Odpowiedz
#12
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.
Odpowiedz
#13
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>
Odpowiedz
#14
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ę!
Odpowiedz
#15
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
Odpowiedz
#16
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>
Odpowiedz
#17
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;
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  dodawanie elementow do strony z odstepem czasowym Arnimarl 0 1,210 21-06-2014, 23:18
Ostatni post: Arnimarl
  wyrównanie do prawej menu Heyek 4 1,923 05-02-2013, 20:32
Ostatni post: Heyek
  Hiden i show dla wielu elementów Marys 5 1,747 05-07-2012, 15:33
Ostatni post: Marys
  Wyrownanie diva bez pozycjonowania grzesiek77 7 2,601 23-05-2012, 23:01
Ostatni post: Moody
At Deklaracja - Kodowanie - Styl linkow - 3 proste pytania fate 10 3,008 07-04-2012, 03:43
Ostatni post: Kamyk

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele