Kako postaviti srpsko, ćirilično nabrajanje u HTML-u?

[ CakNoris @ 11.04.2011. 10:34 ] @

Kako u HTML-u postavi srpsko, ćirilično nabrajanje kao na slici ispod?

[ Br@nkoR @ 11.04.2011. 12:26 ] @

Jedino što mi pada na pamet je da upotrebiš JavaScript ili direktno na serveru ukoliko listu generišeš pomoću nekog server-side jezika dodaš nabrajanje. Pošto mi se čini da CSS osobina list-style-type nema ćirilicu. Ili sačekaj da se neko drugi javi sa više iskustva.

[ Aleksandar Ružičić @ 11.04.2011. 12:46 ] @

Nije moguce "cistim" css-om to uraditi, w3c uopste nije mislio na cirilicu kad je pisao standard :/

Citat:

CSS - List styles
...
CSS3 adds many alphabets, but seems to focus on odd ones. I'm missing Cyrillic and Arab, which have quite large user bases, while the spec does mention tons of obscure Ethiopian and Caucasian alphabets.
...

tako da ako ti bas treba cirilica, moraces ili da koristis slike (list-style-image) ili da stavis list-style-type: none; pa da direktno u <li> upisujes slovo (sto malo ubija svrhu nabrajajucih lista, ali moze da se sredi da bar izgleda kako treba)

[ CakNoris @ 12.04.2011. 09:13 ] @

U tom slučaju, stavljaću običan bullet pa ćirilično slovo.

• a) Neki tekst
• b) Neki sledeći tekst

CSS i list-style-image mi je previše cimanja za tako banalnu stvar koju teško mogu da naplatim.

Ako neko odradi ovo, može slobodno da ostavi neki link za preuzimanje :)

[ Br@nkoR @ 12.04.2011. 09:39 ] @

Npr. nešto najprostije i na brzinu pomoću JS-a

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>test</title>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
    <script type="text/javascript">
      window.onload = function() {
        var cyrillic = Array('a', 'b', 'v', 'g', 'd', 'đ', 'e', 'ž', 'z', 'i', 'j', 'k', 'l', 'lj', 'm', 'n', 'nj', 'o', 'p', 'r', 's', 't', 'ć', 'u', 'f', 'h', 'c', 'č', 'dž', 'š');
        var ol = document.getElementById('test');
        var lis = ol.getElementsByTagName('li');
        for(var i = 0, len = lis.length; i < len; i++) {
          lis[i].innerHTML = cyrillic[i] + ') ' + lis[i].innerHTML;
        }

      }
    </script>
    <style>
      li {
        list-style-type: none;
      }
    </style>
    </head>

    <body>
      <ol id="test">
        <li>Stavka 1</li>
        <li>Stavka 2</li>
        <li>Stavka 3</li>
        <li>Stavka 4</li>
        <li>Stavka 5</li>
        <li>Stavka 6</li>
      </ol>
    </body>
</html>

Mada zanimljiva je ideja sa slikom jer ne može da se selektuje prilikom kopiranja. Možda bi isto tako da bi se sprečilo selektovanje, moglo uraditi pomoću css pseudo elementa :before i css osobine content. Mada ovo zavisi od browsera do browsera.

EDIT: es nedozvoljava ćirilicu, pogledaj fajl uz poruku

[ Aleksandar Ružičić @ 12.04.2011. 09:44 ] @

Citat:

Br@nkoR:
Mada zanimljiva je ideja sa slikom jer ne može da se selektuje prilikom kopiranja. Možda bi isto tako da bi se sprečilo selektovanje, moglo uraditi pomoću css pseudo elementa :before i css osobine content. Mada ovo zavisi od browsera do browsera.

Da, :before i content bi bili odlicni za ovo, ali nazalost IE uvodi podrsku za oboje tek od verzije 8...

[ CakNoris @ 12.04.2011. 13:29 ] @

Hvala Br@nkoR, ovo je baš ono što mi je trebalo.