Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Pasek zatrzymuje się przy krawędzi i może staje się .....
adziozone
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 26.02.2011

Ostrzeżenie: (0%)
-----


Hej,

Wiem ze się da le nie wiem jak. A chodzi o to ze jak mam stronkę to w czasie przewijania w dół takie coś trzeba zrobić, aby „czarny” pasek przewijania się do górnej krawędzi i tam pozostał a stonka się przewijała dalej. A jeszcze by było bardzo dobrze gdyby „czarny” pasek po pojechaniu do górnej krawędzi zmienił kolor lub stał się częściowo przezroczysty do by było wspaniale. I dla tego piszę na tym forum, bo wiem ze pomożecie, bo wiele razy pomogliście.

index.html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="Description" content=" [wstaw tu opis strony] ">
  4. <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  5. <meta name="Author" content=" [dane autora] ">
  6. <meta name="Generator" content="kED2">
  7.  
  8. <title> [tytuł strony] </title>
  9.  
  10. <link rel="stylesheet" href="aa.css" type="text/css">
  11. </head>
  12.  
  13. <!-- tutaj wstaw tresc strony -->
  14.  
  15.  
  16. <div id="pasek1"></diV>
  17.  
  18. <div id="pasek2"></diV>
  19.  
  20. <div id="pasek3"></div>
  21. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  22. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  23. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  24. aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
  25.  
  26. </body>
  27. </html>

aa.css
  1. html, body
  2. {background:; margin: 0 auto; border: 0; }
  3.  
  4. #pasek1
  5. {
  6. position: absolute;
  7. left:50%;
  8. top: 0px;
  9. margin-left:-50%;
  10.  
  11. width: 100%;
  12. height: 100px;
  13. background-color: #ffff00;
  14.  
  15. z-index: 11;
  16. }
  17.  
  18. #pasek2
  19. {
  20. position: fixed;
  21. left:50%;
  22. top: 100px;
  23. margin-left:-50%;
  24.  
  25. width: 100%;
  26. height: 50px;
  27. background-color: #000000;
  28.  
  29. z-index: 11;
  30. }

Na przykład coś takiego.

http://www.en.usbfix.net/

sadsmiley02.gif sadsmiley02.gif nic nie wiadomo questionmark.gif
Powód edycji: [Kshyhoo]: bb-code
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 10:29