+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] Wyrownanie elementow i inne pytania od laika (/thread-css-wyrownanie-elementow-i-inne-pytania-od-laika)
Strony:
1
2
RE: [css] Wyrownanie elementow i inne pytania od laika - Kartofelek - 16-12-2011
to przeklej tutaj caly kod
RE: [css] Wyrownanie elementow i inne pytania od laika - Kartofelek - 16-12-2011
Asiu aniołku ty nasz - źle to robisz. Żadne cięcie na kawałki, to nie te czasy
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.
RE: [css] Wyrownanie elementow i inne pytania od laika - grzesiek77 - 17-12-2011
Albo jeszcze krocej
<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>
RE: [css] Wyrownanie elementow i inne pytania od laika - asiaaniol - 17-12-2011
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ę!
RE: [css] Wyrownanie elementow i inne pytania od laika - Kartofelek - 17-12-2011
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
RE: [css] Wyrownanie elementow i inne pytania od laika - asiaaniol - 18-12-2011
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>RE: [css] Wyrownanie elementow i inne pytania od laika - hieroshima - 19-12-2011
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;