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

Predám doménu CarFans.sk – prémiová doména pre autoservis, tuning, chip-tuning, car detailing a podobne

100 €

0 příhozů

Nový eshop -startovní

6 000 Kč

0 příhozů

Ziskový e-shop Kupfollowers

800 000 Kč

0 příhozů

🚗 Na prodej: Kompletní e-shopový projekt – NEUMISPARKOVAT.CZ 🔥

8 000 Kč

0 příhozů

Na prodej: Prémiová doména Warszawa.cz 🌟 DA 30 | PA 47 | DR 16 | MOZ rank 5/10

1 899 Kč

0 příhozů

Poptávky Více

Vytvoření a spuštění eshopu (shoptet, Shopify)

Správa Instagramu a Facebooku pro e-shop s dentální hygienou (tvorba obsahu + videa)

SEO pro nový web

Poptávám rychlé zřízení a spuštění eshopu na SHOPTETU

Nastavení FB reklamy

Pracovní nabídky Více

NEXT.JS PROGRAMÁTOR

55 000 - 95 000 Kč

FULL STACK DEVELOPER

60 000 - 95 000 Kč

Hledáme DevOps Inženýra

80 000 - 130 000 Kč

React developer s přesahem

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

40 000 - 100 000 Kč

Vývojář – C#

30 000 - 40 000 Kč

Nabídky Více

Premiový a cenově dostupný web ve WordPressu

Já programátor, volná časová kapacita, PHP/Laravel, React/TypeScript, Unity 3D/C#.

Nabízím databáze a scrapování dat – reality, firmy, katalogy, inzertní portály, erotika,..

Jsem váš nový fullstack vývojář 🚀🚀 | Webový vývoj a AI🤖 na míru

Vývoj aplikací, webových stránek, e-commerce, CRM, ERP, PWA (Progresivní Webové Aplikace), poradenství v oblasti umělé inteligence