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

Předpřipravený e-shop www.forhouse.cz

17 900 Kč

0 příhozů

ozzyosbourne.cz – Ozzy Osbourne

5 000 Kč

0 příhozů

🐾 Na prodej e-shop TopZverimex.cz – skvělý základ pro podnikání v oblasti chovatelských potřeb

12 000 Kč

0 příhozů

Webova aplikace

1 000 Kč

0 příhozů

Stopovaná.cz – stará letní hra, nově pro GPS hru, nebo jiný projekt

2 900 Kč

0 příhozů

Poptávky Více

Koupím databázi kontaktů ze slovenska

Grafické zpracování tiskovin na svatbu – nutná rychlá úprava do zítřejších 9 hodin

Úpravy webových stránek v SYMFONY.

Poptávám specialistu na nastavení AI asistentů a AI komunikaci směrem ke klientům

Vytvoření statické webstránky podle designu Figma/Pixso

Pracovní nabídky Více

IT projekt manažer webových projektů

50 000 - 70 000 Kč

Webtrh hledá fleelance obchodníka / sales parťáka

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

Hledáme Grafika/Grafičku – Ideamaker/kreativec

Mendix Developer

Nabídky Více

Databáze více než 350 000 kontaktů na OSVČ a firmy – ideální pro vaše e-mailové kampaně

[OpenServis] Vyladěný PrestaShop hosting pro maximální rychlost běhu PS

🎥 Střih a úprava videí pro sociální sítě i YouTube – rychle, moderně a spolehlivě

Sportovnivozy.cz + Rajaut.cz + Rajveteranu.cz – bannery a články

🔥 Nauč se domlouvat klienty po telefonu – i když tě volání děsí