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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Pro odpověď se přihlašte.

Prodej Více

aiTreneri.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu

99 000 Kč

0 příhozů

Autolakovna.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu

145 000 Kč

0 příhozů

Cappuccino.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu

260 000 Kč

0 příhozů

Prodám doménu STRECHA-PLUS.CZ – registrace od roku 2016

14 900 Kč

0 příhozů

Na prodej: STRANAPRACE.CZ – doména registrovaná od roku 2003

30 000 Kč

0 příhozů

Poptávky Více

Poptávka po portrétním fotografovi

Hledám náhradu na focení maturitního plesu

Výměna focení v ČB: hledám fotografa/fotografku pro vzájemné focení

Poptávka new born focení

Poptávka: Vkusně vyzdobený ateliér v Praze na víkend pro focení

Pracovní nabídky Více

Support & Retention Specialist – SaaS, fully remote & async, flexibilní pracovní doba

IT administrátor (medior) s přesahem do DevOps (remote, DPP)

Brno, Olomouc, Práce z domu

Python Developer / AI-assisted vývoj – Connectica Software Factory (remote, DPP/DPČ)

Oracle Database Administrator (Medior) – Banking

IT Support – na částečný úvazek

Práce z domu, Praha

Nabídky Více

[OpenServis] Vyladěný PrestaShop hosting pro maximální rychlost – NVMe, TIER III, 30 dní zdarma

Oprava a zabezpečení webů po kritické chybě PHP | Aktualizace PHP, optimalizace webů a e-shopů

⭐ [4K60] Realistické UGC AI Videoreklamy (Reels) / 4K Produktové obrázky na e-shop / Vlastní INFLUENCER na míru

Exkluzivní dosah na 37 000+ freelancerů a dalších tvůrců

⭐Desítky SKUTEČNÝCH recenzí na Google – automaticky, bez rizika smazání