Avatar
krepsy3
Redaktor
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
Odpovídá na krepsy3
Michal Struna: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í
+1 bodů
Řešení problému
 
Nahoru Odpovědět  +1 11.9.2016 17:55
Avatar
krepsy3
Redaktor
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.