Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML,CSS] Przwijanie tekstu
Forum PHP.pl > Forum > Przedszkole
krzychu0808
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...
webJ@cob
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>
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.