NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!

Diskuze: CSS - nefunkční text-decoration

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
krepsy3
Tvůrce
Avatar
krepsy3:11.9.2016 17:48

Ahoj, mám menší problém. V logu stránky mám obrázek a text (v <p>) . To celé je obalené v <a> s odkazem na index.html. No, a v CSS nastavuji, že nechci u textu podtržení. Bohužel to nefunguje :(

HTML:

<a href="index.html" id="logo"><img src="pics/logo.png" alt="logo stránek" /><p>Template 1</p></a>

CSS:

#logo p {
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: black;
}

#logo img {
    max-width: 180px;
    padding: 10px;
}

Vše kromě text-decoration: none; funguje dobře, na obrázku je výsledek.
Používám HTML 5 a CSS 3, Html dokument je korektně odoctypovaný i ohlavičkovaný.

Neví náhodou někdo prosím, co dělám blbě? Dík ;)

Editováno 11.9.2016 17:50
Odpovědět
11.9.2016 17:48
Programátor je stroj k převodu kávy na kód.
Avatar
Michal
Člen
Avatar
Odpovídá na krepsy3
Michal:11.9.2016 17:55

Odkazy mají defaultně nastavené podtržení, které formátováním běžného textu nepřebiješ (styl odkazu má vyšší váhu, protože je více specifický). Je proto nutné uvést přímo odkaz, a nejlépe i stav, v jakém se nachází (najetí myší, ...):

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

Link znamená klasický odkaz, visited v minulosti navštívený odkaz, hover odkaz, na který se najelo myší a active odkaz, na který se právě kliklo. Pro každý tento stav můžeš samozřejmě nastavit různé styly.

Editováno 11.9.2016 17:56
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
+1
11.9.2016 17:55
Avatar
krepsy3
Tvůrce
Avatar
krepsy3:11.9.2016 18:32

ok
díky

Nahoru Odpovědět
11.9.2016 18:32
Programátor je stroj k převodu kávy na kód.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.