Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML,CSS] Przwijanie tekstu
krzychu0808
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----


Witam......
Chciałbym zrobić takie przewijania jak jest w galeri na stronie: Ogame

Chodzi mi o to że np jak zrobie:
  1. <div class="tlo">
  2. <div class="kwadrat">
  3.  
  4. </div>
  5. </div>


Css:
  1. .tlo {
  2. float:left;
  3. position: absolute;
  4. left:10px;
  5. height: 800px;
  6. width : 1100px;
  7. background: url('images/tlo.jpg');
  8. z-index: 1;
  9. }
  10. .kwadrat {
  11. float:left;
  12. position: absolute;
  13. top:335px;
  14. left:575px;
  15. height: 209px;
  16. width: 451px;
  17. background: url('images/witamy.jpg');
  18. z-index: 2;
  19.  
  20. }


Chodzi o to aby w div kwadrat był ten pasek do przewijania i jak dam dużo treści to moge sobie ją przwijać a nie tabelka się powiększa...
Go to the top of the page
+Quote Post
webJ@cob
post
Post #2





Grupa: Zarejestrowani
Postów: 66
Pomógł: 1
Dołączył: 28.02.2007
Skąd: Kraków

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


Cześć,
Należy dodać zmienną stylu overflow i ustawić jej wartość na scroll;

Przykład:

<style type="text/css">
<!--
.tlo {
float:left;
position: absolute;
left:10px;
height: 800px;
width : 1100px;
background: url('images/tlo.jpg');
z-index: 1;
}
.kwadrat {
float:left;
position: absolute;
top:335px;
left:575px;
height: 209px;
width: 451px;
background: url('images/witamy.jpg');
z-index: 2;
overflow: scroll;
}
-->
</style>

<div class="tlo">
<div class="kwadrat">

</div>
</div>

Ten post edytował webJ@cob 11.03.2008, 12:39:08
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 18:00