Oglasi  
     




  Prijatelji  
     


 CSS TUTORIJALI

Overflow Teksta Unutar Div-a

Pokazat cu vam kako napraviti overflow texta unutar div-a.

Pravimo div #overflwed
<style type="text/css">
#overflwed {
width: 400px; /* definiramo sirinu div-a*/
height:200px; /* definiramo visinu div-a*/
border-bottom:1px solid silver; /* donji rub*/
border-top: 1px solid silver; /* gornji rub*/
margin:0 auto; /* centriramo div na sredinu stranice*/
overflow: scroll; /*Omogucavamo overflow */
overflow-x:hidden;/* Sakrivamo kliznu traku po x-osi*/
}

Opis imate poslije svake linije koda

Uredjujemo paragraf i Zatvaramo </style>
p {
margin-left:5px;
color:blue;
font-family: tahoma;
font-size:10px;
}
</style>

Ubacujemo ga u html
<!-- Unosimo div u html -->
<div id="overflwed">
<p>Ovaj kod objasnjava kako napraviti div,koji ce ako se upise previse teksta sam od sebe napraviti scroll.
Klizne trake se naravno mogu modificirati,moze im se mjenjati boja,ali to je podrzano samo u Internet Exploreru.
Dok u Firefoxu ne radi,iako je Firefox trenutno na mnogo boljem glasu.Sad cu upisati mnogo slova tek toliko da vidite,kako ce se napraviti scroll!

-<br>-<br>
-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>
By:Goran
</p>
</div>

Cijeli kod od <div id="overflwed"> do </div> morate ubaciti u body dio

Ovako izgleda konacan rezultat Overflow





_________________________

Autor ovog tutorijala: Goran

Copyright - Tutorijali.Net 2006 - 2012