Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][JavaScript]gdzie, żeby działało?
Forum PHP.pl > Forum > Przedszkole
oruen
9.07.2010, 09:43:00
Witam!

Spłodziłam szablon i brakuje mi w nim jednej rzeczy. Mianowicie, chciałabym żeby na białym tle z prawej strony pojawił się graficzny scroll. Wiem, że do tego trzeba użyć javę, mam napisany też kod. Nie wiem tylko, gdzie co trzeba wkleić, bo nawet kiedy wklejałam wg instrukcji - nie działało. Czy moglibyście mi pomóc? Bo widocznie gdzieś muszę mieć błąd, albo czegoś zapomniałam i jestem w kroppce, dzięki!

adres strony: Odwiedź moją stronę

Wysyłam html szablonu, niżej kod suwaczków. Z góry dziękuję!

Szablon:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3. <head>
  4. <meta name="google-site-verification" content="9MOeqQOzk2N4s9nvp5RSqfSi8ME1CPMy__Wc7dwswhk" />
  5. <title>czytać z dystansem, z bliska psuje się wzrok.</title>
  6. <link rel="shortcut icon" href="http://img691.imageshack.us/img691/5316/kropa.jpg">
  7.  
  8. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
  9. <LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
  10. <style type="text/css">
  11.  
  12.  
  13.  
  14.  
  15. body{ background: #252525 ;
  16. font-family: Verdana, Tahoma; font-size: 11px; color:#000000; text-align: center;}
  17.  
  18. #div3 {width: 24px; margin:0 auto; float:right;}
  19. #div1 { width: 932px; margin: 0 auto; text-align: center; background: #252525; float:left;}
  20. #DADADA {padding: 5px;}
  21. .lewa { width: 932px;float:left;Padding:0px; text-align:left; background:#252525; }
  22. .all{
  23. width:957px;
  24. margin:0 auto;
  25. }
  26. #div4 {width: 932px;float:right; height: 501px; margin:0 auto; }
  27. #main {width: 600px; float:left; text-align: justify; margin: 0px; }
  28. .foot {width: 932px; float: right; text-align: right; margin: 0 auto; margin-bottom:0px; font-size: 9px; color:white; margin-right:0px;}
  29. a { text-decoration:none; color: #708290;}
  30. a:hover {color: #b0a498; text-decoration: none; cursor:hand; }
  31. h0 { font-size: 0px;}
  32. h3 { font-size: 14px; font-family: Arial, Verdana, Tahoma; }
  33.  
  34. #div0 { float:left; padding: 0px; text-align: left;}
  35. </style>
  36. </head>
  37. <body>
  38.  
  39. <div class=all>
  40.  
  41.  
  42. <div id="div3"><img src="http://img806.imageshack.us/img806/6092/47582042.jpg"><a href="http://75b.ownlog.com/76870,kategoria.html"><img border="0"src="http://img805.imageshack.us/img805/8289/bajki.jpg"></a>
  43. <a href="http://75b.ownlog.com/76871,kategoria.html"><img border="0" src="http://img809.imageshack.us/img809/6420/belkot.jpg"></a> <a href="http://75b.ownlog.com/76872,kategoria.html"><img border="0" src="http://img52.imageshack.us/img52/1515/bzdury.jpg"></a>
  44. </div>
  45.  
  46. <div id="div1">
  47.  
  48.  
  49. <div class="lewa">
  50. <Img src="http://img205.imageshack.us/img205/6995/52613052.jpg"><BR><img border="0" src="http://img706.imageshack.us/img706/1673/naglowek491x62.jpg" width="491" height="62"></a><BR>
  51.  
  52. <a href="http://aneksy.ownlog.com/ggg,2033479,komentarze.html"><img src="http://img709.imageshack.us/img709/930/2skomentuj.jpg"  border="0" onMouseOver="src='http://img517.imageshack.us/img517/6264/b2skomentuj.jpg'" onMouseOut="src='http://img709.imageshack.us/img709/930/2skomentuj.jpg'"></a>
  53.  
  54. <a href="http://oruen.ownlog.com/2033478,komentarze.html"><img border="0" src="http://img138.imageshack.us/img138/7236/3striptiz.jpg" onMouseOver="src='http://img149.imageshack.us/img149/9014/b3striptiz.jpg'" onMouseOut="src='http://img138.imageshack.us/img138/7236/3striptiz.jpg'"></a>
  55.  
  56. <a href="http://aneksy.ownlog.com/"><img border="0" src="http://img25.imageshack.us/img25/133/4aneksy.jpg" onMouseOver="src='http://img19.imageshack.us/img19/5818/b4aneksy.jpg'" onMouseOut="src='http://img25.imageshack.us/img25/133/4aneksy.jpg'"></a>
  57.  
  58. <a href="http://www.photoblog.pl/pikkumyy/profil"><img border="0" src="http://img375.imageshack.us/img375/5684/6ona.jpg" onMouseOver="src='http://img80.imageshack.us/img80/4830/b6ona.jpg'" onMouseOut="src='http://img375.imageshack.us/img375/5684/6ona.jpg'"></a>
  59.  
  60. <a href="http://antybohater.ownlog.com/"><img border="0" src='http://img35.imageshack.us/img35/9475/5on.jpg'" onMouseOver="src='http://img88.imageshack.us/img88/7769/b5on.jpg'" onMouseOut="src='http://img35.imageshack.us/img35/9475/5on.jpg'"></a>
  61.  
  62. <a href="http://75b.ownlog.com/2091151,komentarze.html"><img border="0" src="http://img248.imageshack.us/img248/416/7kontakt.jpg" onMouseOver="src='http://img714.imageshack.us/img714/2860/b7kontakt.jpg'" onMouseOut="src='http://img248.imageshack.us/img248/416/7kontakt.jpg'"></a>
  63.  
  64.  
  65. <a href="http://75b.ownlog.com"><img border="0" src="http://img138.imageshack.us/img138/2320/1homeo.jpg"  onMouseOver="src='http://img808.imageshack.us/img808/7051/b1home.jpg'" onMouseOut="src='http://img138.imageshack.us/img138/2320/1homeo.jpg'"></a>
  66.  
  67. </div>
  68.  
  69.  <div id="div4"="border:0; position: relative; width;932px; height:501px; float: center;"><img src="http://img707.imageshack.us/img707/3451/to932x501.jpg" width="932" height="501" /> </div>  
  70. <div id="main"><div style="position:absolute; bottom:0; width: 600px;  height:350px; top: 230px; text-align: justify; margin-left: 250px; "> 
  71. {main}
  72.  
  73. <p><center>{poprzednia_strona} {nastepna_strona}</center></p></div></div>
  74. <div class="foot">made by <a href="http://janecki.info" title="Janecki"><font color="white">Janecki</font></a> & <a href="http://oruen.ownlog.com/2033478,komentarze.html" title="o mnie"><font color="white">me</font></a>. </p></div>
  75. <script type="text/javascript"> 
  76. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  77. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  78. </script>
  79. <script type="text/javascript">
  80. try {
  81. var pageTracker = _gat._getTracker("UA-15780418-1");
  82. pageTracker._trackPageview();
  83. } catch(err) {}</script>
  84. </body></html>
[HTML] pobierz, plaintext





KOD SUWAKÓW:

to trzeba wrzucić gdzieś w head:
[HTML] pobierz, plaintext 
  1. <script defer type="text/javascript" src="scroll.js"></script>
[HTML] pobierz, plaintext


a tu cała reszta:
[HTML] pobierz, plaintext 
  1. <div id="container">
  2.  
  3. <div id="content">
  4.  
  5. <div id="box1" style="position: relative; left: 0px; top: 45px; z-index: 1;">
  6.  
  7. <div id="up1" style="position: absolute; left: 654px; top: 5px; z-index: 6;  cursor: pointer;">
  8. <img src="http://img257.imageshack.us/img257/2076/65200327.jpg" alt="" /></div>
  9.  
  10. <div id="track1" style="position: absolute; top: 0px; height: 412px; z-index: 3;">
  11. </div>
  12.  
  13. <div id="drag1" style="position: absolute; left: 654px; z-index: 7; cursor: pointer; top: 27px;">
  14. <img src="http://img408.imageshack.us/img408/5702/56667285.jpg" alt="" /></div>
  15.  
  16. <div id="down1" style="position: absolute; left: 654px; top: 437px; z-index: 5; cursor: pointer;">
  17. <img src="http://img149.imageshack.us/img149/1392/downg.jpg" alt="" /></div>
[HTML] pobierz, plaintext
erix
9.07.2010, 09:51:47
I w czym tkwi problem?
oruen
9.07.2010, 09:53:34
Nie wiem, jak połączyć oba kody, żeby ten scroll działał, tekst nie wyjeżdżał poza białe pole a na dodatek, żeby suwak był po prawej stronie za tekstem;p
erix
9.07.2010, 11:21:13
Pokaż, jak kombinujesz; raczej na tacy nie dostaniesz.
oruen
9.07.2010, 11:26:36
Ale przecież ja już wszystko sama zrobiłam, nie proszę o podanie mi czegokolwiek na tacy, pytam tylko, w które miejsce w kodzie wkleić to, co zrobiłam SAMA, ewentualnie o wskazanie mi błędu, żebym wiedziała, gdzie go poprawiać. Robiłam tak jak znalazłam w różnych instrukcjach, w head wstawiałam to ze skryptem, a kod suwaka wklejałam we wszelkie możliwe miejsca, przed div id="main", za tym, na początku body, nawet w head, tam, gdzie początkowo opisuję body { (...)#main}, wszystkiego próbowałam i albo gdzieś mam potężny błąd w html szablonu albo muszę inaczej użyć javy, czego sama nie zrobię, bo nic ponad to, co zrobiłam - nie rozumiem.


EDIT: Dobra, scroll umieszczony na stronie, tekst się zawija ale nadal - javascript nie działa, ponieważ suwak się nie przewija. Proszę o pomoc, dlaczego tak się dzieje?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.