Avatar
krepsy3
Redaktor
Avatar
krepsy3:

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. září 17:50
Odpovědět 11. září 17:48
Programátor je stroj k převodu kávy na kód.
Avatar
Oxtimus
Člen
Avatar
Odpovídá na krepsy3
Oxtimus:

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. září 17:56
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět  +1 11. září 17:55
Avatar
krepsy3
Redaktor
Avatar
krepsy3:

ok
díky

Nahoru Odpovědět 11. září 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.