Nebyl by s kotvami ten problem, ze pokud uzivatel naviguje pres odkaz na url s kotvou, tak prohlizec scrolluje k one kotve? To by bylo pro oznaceni prvku v navigaci nevhodne, vlastne by se odscrolloval vrsek stranky az k navigaci.

23. 3. 2019 21:52:48

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394109

Jan Stejskal

(7 hodnocení)

23. 3. 2019 21:57:16

Napsal Miroslav Foltýn;1518581
Nebyl by s kotvami ten problem, ze pokud uzivatel naviguje pres odkaz na url s kotvou, tak prohlizec scrolluje k one kotve? To by bylo pro oznaceni prvku v navigaci nevhodne, vlastne by se odscrolloval vrsek stranky az k navigaci.

To se nestane, pokud ta kotva neexistuje a v tomto případě existovat nemusí.

23. 3. 2019 21:57:16

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394108

Miroslav Foltyn

(3 hodnocení)

23. 3. 2019 22:01:57

:target - CSS: Cascading Style Sheets | MDN

:target selektor oznaci prvek jehoz id je shodne s aktualnim # url fragmentem. Kdyz ta kotva nebude existovat, tak jak potom oznacit ten odkaz tedy?

23. 3. 2019 22:01:57

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394107

Jan Stejskal

(7 hodnocení)

23. 3. 2019 22:20:44

Myslím že je tam dost příkladů. Kotva je a ta nemusí existovat.

23. 3. 2019 22:20:44

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394106

Miroslav Foltyn

(3 hodnocení)

23. 3. 2019 22:36:45

"name" atribut je v tom kontextu, kterém jste jej použil zastaralý, nevím co mi má říct. Validní je pouze na vybraných tazích (tag) - https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

Moje pointa v komentáři byla taková, že pokud chcete použít :target pro modifikaci stylů nějakého odkazu v navigaci (která nejspíše bude na všech stránkách), tak musíte odkazy, případně něco nad nimi, označit pomocí ID, aby to :target vůbec zachytil. To by potom vždy odscrollovalo stránku k hornímu levému okraji onoho elementu.

Možná mluvíme oba o něčem jiném, nebo něčemu nerozumím?

23. 3. 2019 22:36:45

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394105

Oleg

(53 hodnocení)

23. 3. 2019 22:42:17

musil.david popsal nejbezneji pouzivanou metodu dneska. Proc mu radite kotvy? Jste vubec koderi nebo sumari?

23. 3. 2019 22:42:17

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394104

Miroslav Foltyn

(3 hodnocení)

23. 3. 2019 22:44:04

Já jsem také potvrdil třídy, jak jinak. Viz hned první můj komentář.

Jenom ze zajímavosti jsem dodal @document. Snažil jsem se porozumět tomu :target.

23. 3. 2019 22:44:04

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394103

Oleg

(53 hodnocení)

23. 3. 2019 22:46:40

Napsal Miroslav Foltýn;1518589
Já jsem také potvrdil třídy, jak jinak. Viz hned první můj komentář.
Jenom ze zajímavosti jsem dodal @document. Snažil jsem se porozumět tomu :target.

Jj sorry, prehledl jsem ten prispevek nahore pdo davidovo

23. 3. 2019 22:46:40

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394102

Jan Stejskal

(7 hodnocení)

23. 3. 2019 23:40:40

Máte pravdu, nepočítal jsem s tím, že ten tag umístíte jinam než na začátek stránky. Pak je třeba zajistit, aby element začínal nahoře, i když se zobrazí jinde, níže. Použije se transparentní border-top a negativní margin-top. Ale jak jsem psal v prvním komentáři, má to smysl pouze pokud je požadavek na čistě css řešení. U webu to smysl nedává.

23. 3. 2019 23:40:40

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394101

Petr Gargulák

(12 hodnocení)

24. 3. 2019 16:22:01

Nehldáte něco takového ?

Edit fiddle - JSFiddle

---------- Příspěvek doplněn 24.03.2019 v 16:22 ----------

24. 3. 2019 16:22:01