Autor Zpráva
Shackar
Profil
Ako udelat, aby odkazy s tridou odkazy_typu_1 se po najetí myší podskrtli?

<a class="odkazy_typu_1" href="byvani.php">Bývani</a><br />

Dekuji pekne.
Kubo2
Profil
Shackar:
Odkazy sú defaultne (vo výchdoziom nastavení) podtrhnuté. Ak to chceš zmeniť, podtrhnutie sa zruší nastavením CSS vlastnosti text-decoration na hodnotu none:
a.odkazy_typu_1 {
  text-decoration: none;
}

Ak chceš toto podtrhnutie vrátiť po vjazde či prejdení myšou, dá sa využiť CSS pseudoelementu :hover:
a.odkazy_typu_1:hover {
  text-decoration: underline;
}
Živá ukážka

Všeobecne ale nedoporučujem používať podtržítka v názvoch tried či identifikátorov, pretože je to iba zlozvyk z iných programovacích jazykov, kde sa nedá použiť pomlčka. CSS je šablónovací jazyk a pomlčka sa tu dá použiť, tak je dobrým zvykom to využívať:
<!-- html -->
<a href="//www.example.com/" class="odkazy-typu-1">Odkaz s pomlčkami v názve triedy</a>

/* css */
a.odkazy-typu-1 {...}
Nezdá sa to aj tebe čitateľnejšie?
weroro
Profil
Shackar:
a.odkazy_typu_1, a.odkazy_typu_1:active, a.odkazy_typu_1:visited {text-decoration: none;}
a.odkazy_typu_1:hover {text-decoration: underline;}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: