problem z a:hover

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
paatter
Posty: 8
Rejestracja: sob sty 02, 2010 2:19 pm

problem z a:hover

Post autor: paatter »

w necie widze tylko o a:hover w htmlu, wszedzie jest napisane, że zmiane koloru po najechaniu myszka na odsylacz robi sie poprzez wklejenie tego tekstu do pliku .html:
<style type="text/css">
a {
color: black;
text-decoration: none;
}
</style>
mi to nie dziala
wolalbym a:hover wkleic do arkusza css
gdzie konkretnie mam to wkleic? jesli nie robi sie tego w arkuszu css to dlaczego mi nie dziala w htmlu?
slawko
Nowy
Nowy
Posty: 127
Rejestracja: ndz sty 23, 2005 6:43 pm
Kontakt:

Re: problem z a:hover

Post autor: slawko »

W dokumencie html pomiędzy znacznikami

Kod: Zaznacz cały

<head></head>
wstaw

Kod: Zaznacz cały

<link  type="text/css" href="style.css" rel="stylesheet" />

stwórz plik style.css i tam wstaw style
kruczek1
Nowy
Nowy
Posty: 30
Rejestracja: pt maja 07, 2004 8:41 pm
Lokalizacja: Wrocław

Re: problem z a:hover

Post autor: kruczek1 »

Jak Ci oczywiście wiadomo, style definiuje się w sekcji head. Pomiędzy znacznikami <head></head> wstaw

Kod: Zaznacz cały

<style type="text/css">
a {
color: black;
text-decoration: none;
}
a:hover{
color:#ff0000;
text-decoration:underline;
}
</style>
właściwości a określają, jak będzie wyglądał link - tekst będzie czarny bez podkreślenia. W a:hover ustalasz, jak będzie wyglądał link po najechaniu. Powyższe parametry definiują, że tekst będzie czerwony z podkreśleniem.

Polecaną metodą definiowaniu stylów jest stworzenie osobnego pliku, w którym będziesz definiował style, a nie bezpośrednio w dokumencie html. W tym celu, tak jak napisał przedmówca, w sekcji <head> umieść

Kod: Zaznacz cały

<link  type="text/css" href="style.css" rel="stylesheet" />
Wszystkie style zapisuj w pliku style.css.
paatter
Posty: 8
Rejestracja: sob sty 02, 2010 2:19 pm

Re: problem z a:hover

Post autor: paatter »

wiem o tym wszystkim :P mam w sekcji head to o czym pisaliscie i wszystkie style mam w style.css ale jak wpisuje a { color: black; } w stylach to nic sie nie zmienia
rafalfilipkowski
Nowy
Nowy
Posty: 76
Rejestracja: sob lis 28, 2009 3:30 pm
Lokalizacja: GG:4353060

Re: problem z a:hover

Post autor: rafalfilipkowski »

Ja tam zawsze używam css'a w np. ten sposób:

Kod: Zaznacz cały

a:link{
color:#000; 
text-decoration:none}
a:visited{
color:#000; 
text-decoration:none}
a:hover{
color:red; 
text-decoration:underline}
Pozdrawiam
ODPOWIEDZ