Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Usunięcie części automatycznego numerowania
Forum PHP.pl > Forum > Przedszkole
Kshyhoo
Mam automatyczne numerowanie list. Chciałbym część numerowania usunąć, np w znaczniku PRE. Jak to zrobić? np.:
  1. .tutek ol {
  2. counter-reset: tut
  3. }
  4. .tutek ol > li {
  5. list-style-type: none;
  6. margin: 1px;
  7. padding: 1px 5px
  8. }
  9. .tutek ol > li:before {
  10. content: counters(tut, ".") ". ";
  11. counter-increment: tut;
  12. }
  13. .tutek > pre ol {
  14. /* TO DZIAŁA */
  15. font-size: 25px;
  16. color: #aaa;
  17. /* NIC Z PONIŻSZEGO NIE DZIAŁA */
  18. counter-reset: tut;
  19. counter-reset: section;
  20. list-style: none;
  21. }

  1. <div class="tutek">
  2. <ol>
  3. <li>tekst
  4. <ol>
  5. <li>tekst</li>
  6. <li>tekst</li>
  7. </ol>
  8. </li>
  9. </ol>
  10.  
  11. <pre>
  12. <ol>
  13. <li>tekst
  14. <ol>
  15. <li>tekst</li>
  16. <li>tekst</li>
  17. </ol>
  18. </li>
  19. </ol>
  20. </pre>
  21.  
  22. </div>

Największy problem jest z zresetowaniem numerowania w listach zagnieżdżonych:
  1. .tutek ol {
  2. counter-reset: tut
  3. }
  4. .tutek ol > li {
  5. list-style-type: none;
  6. margin: 1px;
  7. padding: 1px 5px
  8. }
  9. .tutek ol > li:before {
  10. content: counters(tut, ".") ". ";
  11. counter-increment: tut;
  12. }
  13. .tutek > pre ol {
  14. font-size: 25px;
  15. color: #aaa;
  16. }

  1. <div class="tutek">
  2. <ol>
  3. <li>tekst
  4. <ol>
  5. <li>tekst</li>
  6. <li>tekst
  7. <pre>
  8. <ol>
  9. <li>tekst
  10. <ol>
  11. <li>tekst</li>
  12. <li>tekst</li>
  13. </ol>
  14. </li>
  15. </ol>
  16. </pre></li>
  17. </ol>
  18. </li>
  19. </ol>
  20.  
  21. </div>

Jakaś rada?
CuteOne
http://jsfiddle.net/bH9RU/1/

mam nadzieję, że widzisz różnicę w zapisie wink.gif
Kshyhoo
Dzięki wielkie, działa!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.