Zonele derulante dintr-un site web, au devenit foarte populare pe internet in ultimii ani.
Asta in special datorita faptului ca sunt foarte utile, si permit flexibilizarea unei pagini web.
O situatie foarte des intalnita este atunci cand un anumit text, paragraf, etc, depaseste in latime sau in inaltime dimensiunea paginii web. In aceasta situatie, sau modifica dimensiunea paginii web si astfel pagina web de cele mai multe ori arata urat, sau aceea portiune de text sau paragraful ies in afara paginii web datorita faptului ca nu incape in pagina. Asta de cele mai multe ori se intampla cand este vorba de latimea paginii web.
Pentru asta, exista rezolvare: utilizarea funtiei overflow.
Avem mai multe posibilitati de a utiliza functia
- overflow: auto - Aceasta va creea o zona de derulare orizontala sau verticala (scrollbar) in interiorul zonei in care aveti nevoie. Este probabil cea mai utilizata setare pentru overflow ...
- overflow: scroll - Va insera o bara de derulare orizontala si una verticala. Va deveni activa insa, numai daca textul depaseste dimensiunile paginii web. Aceasta setare este de asemenea destul de des utilizata ...
- overflow: visible - Aceasta setare va determina ca textul sa fie vizibil in apara paginii web, atunci cand "nu incape" in pagina ...
- overflow: hidden - Aceasta setare face ca textul care "nu incape" in pagina, sa nu fie afisat, el va fi ascuns si nu va aparea nici o bara de derulare (scroll) ...
EXEMPLU de utilizare:
<style type="text/css">
<!--
div.scroll {
width: 400px;
height: 150px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
-->
</style>
Succes ...
Copyright © http://www.dan-blog.ro @ 2010




