Zadejte hledaný výraz...

CSS – Označení odkazu prohlížené stránky

BENQ
verified
rating uzivatele
23. 3. 2019 19:21:35
Zdravím,
chtěl bych v menu zvlášť označit odkaz právě prohlížené podstránky. Nevíte někdo, jak v CSS případně Boostrapu nastavit?
a:active, a:focus mi nefunguje
a ani a:active::before
díky
23. 3. 2019 19:21:35
https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394113
David Musil
verified
rating uzivatele
(68 hodnocení)
23. 3. 2019 20:11:04
Spatne si vykladas logiku. Aktualne prohlizena stranka se odlisuje tak, ze v menu das tagu
  • nebo tridu, kterou v css odlisne nadefinujes.
  • 23. 3. 2019 20:11:04
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394112
    Z mobilu.
    Jiste, odlisit to musite nejakou tridou, potom dle toho postavit selektor.
    Ciste pro zajimavost to jde i ciste v CSS bez upravy HTML, ale jenom ve Firefoxu
    @document - CSS: Cascading Style Sheets | MDN
    23. 3. 2019 20:57:25
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394111
    Jan Stejskal
    verified
    rating uzivatele
    (7 hodnocení)
    23. 3. 2019 21:10:38
    Jestliže je cílem řešení čistě v css (bez js), použijte selector :target a v url je třeba mít hash https://www.w3schools.com/cssref/sel_target.asp
    23. 3. 2019 21:10:38
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394110
    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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394109
    Jan Stejskal
    verified
    rating uzivatele
    (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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394108
    :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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394107
    Jan Stejskal
    verified
    rating uzivatele
    (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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394106
    "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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394105
    Oleg
    verified
    rating uzivatele
    (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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394104
    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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394103
    Oleg
    verified
    rating uzivatele
    (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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394102
    Jan Stejskal
    verified
    rating uzivatele
    (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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394101
    Petr Gargulák
    verified
    rating uzivatele
    (8 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
    https://webtrh.cz/diskuse/css-oznaceni-odkazu-prohlizene-stranky/#reply1394100
    Pro odpověď se přihlašte.
    Přihlásit