Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]ramka po najechaniu myszką
simonX
post 22.06.2009, 18:55:52
Post #1





Grupa: Zarejestrowani
Postów: 175
Pomógł: 2
Dołączył: 30.07.2008

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


Chcę zrobić to za pomocą stylów równie dobrze mógłbym to zrobić w JS ale chcę w CSS. Chodzi tutaj że mam sobie jakiś rysunek i po najechaniu na niego pojawia się ramka trzeba chyba coś ze znacznikiem "hover" ?


--------------------
Go to the top of the page
+Quote Post
kamil4u
post 22.06.2009, 18:59:45
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Dokładnie - poczytaj o pseudo klasie :hover w CSS(kursów CSS jest od groma). W IE6, jeżeli chcesz wspierać tą przeglądarkę ta pseudo klasa działa tylko na znaczniku hiperłącza <a>


--------------------
Go to the top of the page
+Quote Post
patryk9200
post 22.06.2009, 19:34:50
Post #3





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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


spróbuj tak:
#img
{
border: 0px solid;
}
#img:hover
{
border: 5px solid;
}

<img src="obr.jpg" id="img" src="" alt="">

Ten post edytował patryk9200 22.06.2009, 19:36:47
Go to the top of the page
+Quote Post
Wicepsik
post 22.06.2009, 19:45:57
Post #4





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----


  1. img { border: 0px; }
  2. img:hover { border:1px; }


--------------------
Go to the top of the page
+Quote Post
erix
post 22.06.2009, 19:49:15
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Fajnie, że to pod IE zadziała... tongue.gif

Albo whatever:hover, albo ustawiać dla a.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
gcdreak
post 22.06.2009, 20:03:55
Post #6





Grupa: Zarejestrowani
Postów: 365
Pomógł: 8
Dołączył: 16.12.2008

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


"(...)pewien bystry programista Peter Nederlof wpadł na pomysł jak rozwiązać ten problem. Utworzył plik o nazwie csshover.htc, które trzeba dołączyć do arkusza stylów za pomocą specjalnej właściwości behavior"
Charles Wake-Smith
Go to the top of the page
+Quote Post
kamil4u
post 22.06.2009, 21:02:06
Post #7





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Albo nie bawić się w archeologa smile.gif - błąd ten występuje tylko w IE6(i niższych) smile.gif

PS. Ja się bawię smile.gif


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 24.04.2025 - 04:18