CSS-om do balona za komentare

Ovo je jedna od brzih tehnika koje se već duže vrijeme primjenjuju na Internetu - kako od jednostavnog div elementa dobiti lijepo sređen tekstualni okvir. Ovakav okvir možemo koristiti za komentare čitatelja na našim stranicama. Ovaj kod pravimo u tri koraka. Prvo napravimo dodatnu sličicu koju ćemo koristiti. Mi smo se odlučili za ovu:





Nakon ovoga napišimo CSS kod i stavimo ga unutar head taga. CSS treba izgledati ovako:



<style type="text/css">

.komentar{
background-color:#D3D2D1;
width: 400px;
padding: 10px;
}

.podnozje{
background: url(strelica.gif) 15px 0 no-repeat;
padding-left: 60px;
padding-top: 6px;
font-size: smaller;
}
</style>




Sada moramo samo upotrijebiti ove klase.



<div class="komentar">
Ovo je tijelo komentara i ono dolazi u ovom div elementu.

A najbolje je to što se ne trebamo brinuti koliko teksta se
nalazi unutar
ovog div elementa jer &#263;e sli&#269;ica uvijek biti
dobro pozicionirana.
</div>

<div class="podnozje">
Napisano 27.rujna.2007 od Admin
</div>