[ Belgarion @ 07.11.2012. 08:42 ] @
Treba mi CSS klasa koja definiše div.

Code:
<div>
    <div class="yourdiv">
        content
    </div>
</div>


npr:
-Ukolike content ima do 10 slova onda širina div-a treba da bude 30px.
-Ukoliko content ima izmedju 10 i 15 slova onda širina div-a treba da bude 50px.
-Ukoliko content ima više od 15 slova onda širina diva treba da bude 70 px.

Kako da rešim ovaj problem?
[ Dejan Carić @ 07.11.2012. 10:15 ] @
Možeš da rešiš sa jquery-em.

Code:
<script>
    $(document).ready(function() {
        var yourDiv = $('div.yourdiv');
        var contentLength = yourDiv.text().trim().length;

        if (contentLength <= 10) {
            yourDiv.css("width", "30px");
        } else if (contentLength <= 15) {
            yourDiv.css("width", "50px");
        } else {
            yourDiv.css("width", "70px");
        }
    });
</script>
[ D4n1L0 @ 14.11.2012. 08:18 ] @
Citat:
Belgarion: Treba mi CSS klasa koja definiše div.

Code:
<div>
    <div class="yourdiv">
        content
    </div>
</div>


npr:
-Ukolike content ima do 10 slova onda širina div-a treba da bude 30px.
-Ukoliko content ima izmedju 10 i 15 slova onda širina div-a treba da bude 50px.
-Ukoliko content ima više od 15 slova onda širina diva treba da bude 70 px.

Kako da rešim ovaj problem?


Ja bih probao da stavim

Code:

.yourdiv {
width:auto; //automatska sirina
padding:5px; // odvojio bi tekst od ivica za 5 px
}


Mozda nije najsrecnije resenje al mislim da ce zavrsiti posao.
Probaj pa javi dal radi...
[ Belgarion @ 21.02.2013. 10:22 ] @
Radi, ali ne ono što treba da radi :).

Zahtev je da širine moraju da budu fixirane (3 različite konstane širine)
Rešio sam sa jquery-em.

Hvala na pomoći.