Forum PHP.pl > [HTML][CSS]Niedziałający rollover

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Niedziałający rollover

Pytelek

24.05.2013, 20:24:42

Hajo.
Pierwszy raz bawię się z CSS'em i jak wiadomo taka zabawa musi być opatrzona jakimiś kłopotami

Stworzyłem sobie ładny rollover, wrzucam go do CSS'a i HTML'a no i nie działa.

[HTML] pobierz, plaintext 
<html>
<head>
<title>aha</title>
<LINK rel=stylesheet type="text/css" href="test2.css" />
</head>
<body>
</body>
</html>
[HTML] pobierz, plaintext

[XML] pobierz, plaintext 
a.link
{
background: url(zwij1.png) no-repeat;
display:block;
height:550px;
overflow:hidden;
width:300px;
}
a.link:hover
{
background-position: 0px -550px;
}
a.link span
{
display:block;
text-indent: -9999px;
}
[XML] pobierz, plaintext

zwij.png: http://i.imgur.com/ESreJ7r.png
PS - wiem, wykładam się na podstawach

jepek

25.05.2013, 10:43:19

A gdzie w dokumencie HTML link do którego tak pięknie odwołujesz się w CSS? :-)

http://i.imgur.com/ESreJ7r.png

Pytelek

25.05.2013, 17:45:06

Cytat(jepek @ 25.05.2013, 11:43:19 )

A gdzie w dokumencie HTML link do którego tak pięknie odwołujesz się w CSS? :-)

http://i.imgur.com/ESreJ7r.png

Wybacz ale trochę nie rozumiem. Dodałem <LINK> do html'a, a w CSS'ie całość jest zapisana.

[HTML] pobierz, plaintext 
<LINK rel=stylesheet type="text/css" href="test2.css" />
[HTML] pobierz, plaintext

Czy oprócz tego coś jeszcze muszę dodać?

jepek

25.05.2013, 21:05:18

Pisząc link miałem na myśli element <a>. Do Twojego kody wystarczy w html dodać <a href="#" class="link">:

http://jsfiddle.net/jepek/dkJPu/1/

Pytelek

26.05.2013, 01:14:53

Dzięki, zadziałało

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.