Vlastní počítadlo v nadpisu pomocí CSS

Nikola Štyrcíková

verified

9. 1. 2023 13:50:55

Čau :)

chtěla bych se zeptat - chci aby měly všechny nadpisy h2 svoje vlastní číslo (1, 2, 3, ... před nadpisem).

Vytvořila jsem si wrapper s idčkem "test" a do CSS vložila toto:

To mi ale jen přidá u každého nadpisu 1ku. Já chci ale číšelnou řadu. Netušíte, co s tím? :) Díkec!

9. 1. 2023 13:50:55

https://webtrh.cz/diskuse/vlastni-pocitadlo-v-nadpisu-pomoci-css/#reply1511638

Michal Krejčí

verified

(27 hodnocení)

9. 1. 2023 16:24:36

Napsal Nikky;1656448
Čau :)
chtěla bych se zeptat - chci aby měly všechny nadpisy h2 svoje vlastní číslo (1, 2, 3, ... před nadpisem).
Vytvořila jsem si wrapper s idčkem "test" a do CSS vložila toto:
#test h2{ counter-reset: heading-number;} #test h2:before { counter-increment: heading-number 1; content: counter(heading-number);}
To mi ale jen přidá u každého nadpisu 1ku. Já chci ale číšelnou řadu. Netušíte, co s tím? :) Díkec!

Zdravím,

máte chybu v předpisu pro reset pozice, správně to má být takto:

9. 1. 2023 16:24:36

https://webtrh.cz/diskuse/vlastni-pocitadlo-v-nadpisu-pomoci-css/#reply1511637

verified

9. 1. 2023 16:25:17

Ahoj,

counter-reset nastavuješ pre celý wrapper, nie pre jednotlivé H2 lebo sa ti vždy resetuje. Skús takto:

#test{
counter-reset: heading-number;
}

#test h2::before {
counter-increment: heading-number;
content: counter(heading-number);
}

9. 1. 2023 16:25:17

https://webtrh.cz/diskuse/vlastni-pocitadlo-v-nadpisu-pomoci-css/#reply1511636

Nikola Štyrcíková

verified

9. 1. 2023 17:17:34

Díky moc pánové!!! Funguje!

9. 1. 2023 17:17:34

https://webtrh.cz/diskuse/vlastni-pocitadlo-v-nadpisu-pomoci-css/#reply1511635

Pro odpověď se přihlašte.

Prodej Více

Prodám e-shop DreveneHodinky.eu a DreveneHodinky.sk

6 000 Kč

0 příhozů

Prodám e-shop JistýKup.cz www.jistykup.cz

5 000 Kč

0 příhozů

Eshop – papírové masky ke složení

30 000 Kč

0 příhozů

Doména – NejlepsiKurz.cz

5 000 Kč

0 příhozů

www.chat4touch.com doména pro živý chat, DA 24 již byla v provozu ale nyní je provoz přerušen, připraven pro relaunch, je možno dokoupit i web

15 000 Kč

0 příhozů

Poptávky Více

Prestashop Front End Developer – dlouhodobá spolupráce

Redaktor pro armádní zpravodajství (ČR i zahraničí)

Poptávka po UX/UI design službách

Poptávám vývojáře a kódéra pro vytvoření webu s redakčním systémem

Hledám grafika – rychlý job

Pracovní nabídky Více

45 000 - 60 000 Kč

ADMINISTRÁTOR WEBU – FULL REMOTE

Administrátor webů – online hry a sázení

TYPESCRIPT / JAVASCRIPT PROGRAMÁTOR

40 000 - 95 000 Kč

Kameraman / PPC sociální sítě

20 000 - 45 000 Kč

Nabídky Více

🌐 Profesionální webové stránky na míru – Web-Liska.cz 🌐

Senior java developer, architekt– vývoj podnikových aplikací

Velmi zkušený web developer nabízí služby

Vyrobíme Vám reklamní předměty, prezentační systémy a oblečení s potiskem

Vyrobíme merch pro influencery, sportovní kluby nebo spolky – žádná počáteční investice!