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

Prodej zavedené domény e-chujoviny.cz, ideální pro karnevalové kostýmy, párty a dárky

2 999 Kč

0 příhozů

Prodej prémiové domény s historií susenepochoutky.cz

1 999 Kč

0 příhozů

ADULT WEB S UMĚLOU INTELIGENCÍ 🤖 – VYBUDUJTE SI PASIVNÍ PŘÍJEM 💸

14 999 Kč

0 příhozů

Prodám doménu www.druhaliga.sk – Ideální pro sportovní projekty!

1 399 Kč

0 příhozů

ZFB

15 000 Kč

0 příhozů

Poptávky Více

Hledám někoho na úpravu fotek ( realitních )

Hledáme specialistu na Meta Ads

Hledáme parťáka na vkládání obrázků do článků!

🎥 Hledáme 2 střihače pro Instagram Reels & TikTok & YouTube krátká a dlouhá videa

robot na odepisovani z gmailu

Pracovní nabídky Více

FE Developer – Angular (m/f)

IT Application Manager/Consultant

Hledáme PHP vývojáře se znalostí SuiteCRM / SugarCRM

Práce z domu, Praha

70 000 - 100 000 Kč

Brno, Práce z domu

Vue.js Developer

Práce z domu, Praha

Nabídky Více

🔥 Limitovaná nabídka: 🇨🇿 České sedací vaky a taburety s firemním brandingem

🖨️ Hledáte spolehlivého dodavatele prezentačních systémů a propagačních předmětů? Vyrábíme již od 1 kusu

🇨🇿 Česká kvalita na vašem e-shopu: Prodávejte bytový textil a dárky, které mají duši

Postarám se o Váš e-shop – produkty, UX i kompletní chod

Profesionální tvorba webových aplikací, skriptů a automatizací (.NET, C#, React, TypeScript, Windows)