[css chyba] Jak podkreslic linka?

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Beju
Posty: 1
Rejestracja: pn cze 06, 2005 2:47 pm

[css chyba] Jak podkreslic linka?

Post autor: Beju »

Mam taki problem: w arkuszu stylow importowanych do strony jest definicja linkow (hover, active, itd). W kazdym z nich oprocz hover jest text-decoration: none. W hover natomiast jest underline overline.
Teraz moje zagadnienie: chce miec dwa linki, jeden jak w stylach, a drugi tak samo tylko zeby byl podkreslony (i oczywiscie chodzi mi o to aby po najechaniu na link bylo underline overline) Czy ktos potrafi to zrobic? Z gory mowie ze nie dzialaja mi patenty w stylu <u> czy onmouseovery, chyba ze zle to robie; po porstu ten importowany styl od linkow zdaje sie byc "wazniejszy" od wszystkich innych. Z gory dzieki
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [css chyba] Jak podkreslic linka?

Post autor: Stig »

Należałoby to zrobić przy użyciu klas. RadzęCi trochę o nich poczytać.
Można to zrobić przypisując obu linkom osobne klasy, kolejno np. "none-underline" i "underline".
CSS:

Kod: Zaznacz cały

a:link, a.noneunderline:link {
text-decoration: none;
}
a.underline:link {
text-decoration: underline;
}
a.underline:hover, a.noneunderline:hover {
text-decoration: underline overline;
}
HTML:

Kod: Zaznacz cały

<a href="http://www.adres.com" class="noneunderline">Noneunderline</a><br /><a href="http://www.adres.com" class="underline">Underline</a>
Wartoby dorzucić jeszcze pseudklasę :visited.
ODPOWIEDZ