Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Niedziałający rollover
Pytelek
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 24.05.2013

Ostrzeżenie: (0%)
-----

Hajo.
Pierwszy raz bawię się z CSS'em i jak wiadomo taka zabawa musi być opatrzona jakimiś kłopotami tongue.gif
Stworzyłem sobie ładny rollover, wrzucam go do CSS'a i HTML'a no i nie działa.
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>aha</title>
  4. <LINK rel=stylesheet type="text/css" href="test2.css" />
  5. </head>
  6. <body>
  7. </body>
  8. </html>
[HTML] pobierz, plaintext 

[XML] pobierz, plaintext 
  1. a.link
  2. {
  3. background: url(zwij1.png) no-repeat;
  4. display:block;
  5. height:550px;
  6. overflow:hidden;
  7. width:300px;
  8. }
  9. a.link:hover
  10. {
  11. background-position: 0px -550px;
  12. }
  13. a.link span
  14. {
  15. display:block;
  16. text-indent: -9999px;
  17. }
[XML] pobierz, plaintext

zwij.png: http://i.imgur.com/ESreJ7r.png
PS - wiem, wykładam się na podstawach tongue.gif
Go to the top of the page
+Quote Post
jepek
post
Post #2





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

Ostrzeżenie: (0%)
-----

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

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

Ten post edytował jepek 25.05.2013, 10:46:47
Go to the top of the page
+Quote Post
Pytelek
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 24.05.2013

Ostrzeżenie: (0%)
-----

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 
  1. <LINK rel=stylesheet type="text/css" href="test2.css" />
[HTML] pobierz, plaintext

Czy oprócz tego coś jeszcze muszę dodać?
Go to the top of the page
+Quote Post
jepek
post
Post #4





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

Ostrzeżenie: (0%)
-----

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/
Go to the top of the page
+Quote Post
Pytelek
post
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 24.05.2013

Ostrzeżenie: (0%)
-----

Dzięki, zadziałało wink.gif.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 07:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn