Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Širina diva na osnovu contenta.

[es] :: Web dizajn i CSS :: Širina diva na osnovu contenta.

[ Pregleda: 1380 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Belgarion
Novi Sad

Član broj: 245135
Poruke: 71
*.static.sbb.rs.



+2 Profil

icon Širina diva na osnovu contenta.07.11.2012. u 08:42 - pre 139 meseci
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?
 
Odgovor na temu

Dejan Carić
Oslo, Norway

Član broj: 230976
Poruke: 232
82.117.199.*

Sajt: www.dcaric.com


+26 Profil

icon Re: Širina diva na osnovu contenta.07.11.2012. u 10:15 - pre 139 meseci
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>

 
Odgovor na temu

D4n1L0

Član broj: 295581
Poruke: 17



+1 Profil

icon Re: Širina diva na osnovu contenta.14.11.2012. u 08:18 - pre 139 meseci
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...
“Unapređenje i širenje znanja je jedini pravi čuvar slobode.” - Džejms Madison
Zainteresovan za ucenje i usavrsavanje kompjuterskih vestina i programiranja...
Oblasti: Web Development, C++, Java, Python, Racunarske mreze
**Napomena** - Nisam strucan u navedenim oblastima vec mi je to hobi.
 
Odgovor na temu

Belgarion
Novi Sad

Član broj: 245135
Poruke: 71
*.static.sbb.rs.



+2 Profil

icon Re: Širina diva na osnovu contenta.21.02.2013. u 10:22 - pre 135 meseci
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.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Širina diva na osnovu contenta.

[ Pregleda: 1380 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.