NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: CSS - nefunkční text-decoration

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
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.