Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] a:hover
invx
post 4.05.2004, 17:44:41
Post #1





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-


mam pytanie jak zrobic, ze jak mam zdefiniowane 2 rodzaje wyswietlania dla linkow, i chce urzyc potem w jednum dokumencie dwuch roznych wyswielan a:hover questionmark.gif


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
Majdan
post 4.05.2004, 17:48:13
Post #2





Grupa: Zarejestrowani
Postów: 445
Pomógł: 0
Dołączył: 21.12.2003
Skąd: Tomaszów Lubelski

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


Użyć dwóch klas.


--------------------
Go to the top of the page
+Quote Post
-=Saint=-
post 4.05.2004, 18:04:03
Post #3





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 1.02.2004
Skąd: K-ce

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


Kod
a:hover.klasa

{

}

a:hover.klasa2

{

}

[xml:1:1600e0b142]
<a href="" class="klasa">abc</a>
<a href="" class="klasa2">abc</a>
[/xml:1:1600e0b142]
Testowalem na IE
Go to the top of the page
+Quote Post
invx
post 4.05.2004, 18:12:57
Post #4





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-


ale to w tym przypadku co napisales ahover bedzie takise samo, tylko uzyte dla dwuch klas questionmark.gif ale jak chce rozne a:hover


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
Majdan
post 4.05.2004, 18:18:51
Post #5





Grupa: Zarejestrowani
Postów: 445
Pomógł: 0
Dołączył: 21.12.2003
Skąd: Tomaszów Lubelski

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


Wystarczy pomyśleć. :wink:
[xml:1:d298ad00ad]a:hover.klasa
{
/* WŁAŚCIWOŚCI JAKIE CHCESZ :!: */
}
a:hover.klasa2
{
/* WŁAŚCIWOŚCI JAKIE CHCESZ :!: */
}[/xml:1:d298ad00ad]


--------------------
Go to the top of the page
+Quote Post
invx
post 4.05.2004, 18:32:22
Post #6





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-


i w tym co napisales moge ustawic wlasciwosci a:hoveru dla 2 klas ?


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
Majdan
post 4.05.2004, 18:41:09
Post #7





Grupa: Zarejestrowani
Postów: 445
Pomógł: 0
Dołączył: 21.12.2003
Skąd: Tomaszów Lubelski

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


Czy tak trudno się domyśleć :?: rolleyes.gif
Kod
a:hover.klasa

{

/* WŁAŚCIWOŚCI DLA KLASY 1   */

}

a:hover.klasa2

{

/* WŁAŚCIWOŚCI DLA KLASY 2   */

}


--------------------
Go to the top of the page
+Quote Post
Dominik
post 4.05.2004, 18:42:16
Post #8





Grupa: Zarejestrowani
Postów: 339
Pomógł: 0
Dołączył: 17.06.2003
Skąd: Białystok

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


Mozna to brdziej "hurtowo" zrobic. Korzystajac z wlasnosci selektorow. Przykladu konkretnego nie moge podac bo akurat to rozwizanie zalezy od struktury kodu ale moge dac przyklad:
Powiedzmy ze mamy kod (X)HTML:
[xml:1:e565c95d91]
<p class="jeden">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</p>
<p class="dwa">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</p>
[/xml:1:e565c95d91]
To mozna w CSS-ach napisac takie cos:
[xml:1:e565c95d91]
.jeden a:hover {color: red}
.dwa a:hover {color:green}
[/xml:1:e565c95d91]
To ma taka przewage ze jesli linkow jest duzo nie trzeca ciagle pisac w kazdym znaczniku <a> class="zdefiniowanaklasa".
Oczywiscie powyzszy przyklad jest najbardziej uproszczony ale mozna sie pokusic o bardziej "zaawansowane" selektory.


--------------------
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: 12.06.2025 - 16:55