Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] menu
Forum PHP.pl > Forum > Przedszkole
gosienkami
co dopisać zeby po najechaniu na menu zmieniał się takze kolor napisu



  1. .pasekmenu {
  2. background-color: #7C766A;
  3. }
  4.  
  5. .pasekmenu1 {
  6. background-color: #A4967C;
  7. }
  8.  
  9.  
  10. <th width="132" scope="col" onmouseover="this.className = 'pasekmenu'; " onmouseout="this.className = 'pasekmenu1'; "> <a href="index.php" >GŁÓWNA</a></th>
Spawnm
w css :hover i nowy kolor
poczytaj o css bo nie znasz podstaw smile.gif
kazag
np:
a:hover {
color:pink;
}
ale to będzie dla wszystkich linków wtedy, najlepiej dodaj temu linkowi klasę, np. class="menu" i wtedy:
a.menu:hover itd.
gosienkami
tak własnie miałam tylko kolor sie zmienia jak najezdzam na link, a chce zeby się zmieniał jak jestem w danym bloku menu.
Cytat(kazag @ 25.03.2009, 10:47:04 ) *
np:
a:hover {
color:pink;
}
ale to będzie dla wszystkich linków wtedy, najlepiej dodaj temu linkowi klasę, np. class="menu" i wtedy:
a.menu:hover itd.
kazag
Nie rozumiem?
Masz link i chcesz, zeby sie zmienił kolor kiedy najedziesz na co? Również na otoczenie linka?
daj:
a.menu {
display:block;
width:200px;
height:50px;
}
a.menu:hover itd.
wteyd jak bedziesz miala hover, to jak najedziesz na prostokąt 200x50px to sie juz zmieni kolor linka.
Kshyhoo
Ja myślę, że chodzi jej o to, że jak ma menu i na nie klika/najeżdża, pokazuje się podmenu... A menu dostaje wtedy inny - stały kolor. Nie jest to takie proste, bo trzeba manipulować kilkoma opcjami. Może daj więcej kodu, to coś poradzimy.
gosienkami
chodzi mi o to zeby kolor linku zmieniał się jak jak jestem wewnatrz komorki,
[html]
<th width="132" scope="col" onmouseover="this.className = 'pasekmenu'; " onmouseout="this.className = 'pasekmenu1'; "><a href="index.php" >GŁÓWNA</a></th>
<th width="112" scope="col" onmouseover="this.className = 'pasekmenu'; " onmouseout="this.className = 'pasekmenu1'; "><a href="#">OFERTA</a></th>
<th width="122" scope="col" onmouseover="this.className = 'pasekmenu'; " onmouseout="this.className = 'pasekmenu1'; " ><a href="#">KONTAKT</a></th>
[/htm]
Spawnm
w css
#lol -> id komórki

  1. #lol:hover > a{
  2. color:green
  3. }
gosienkami
gdzie to umiescic?
Cytat(Spawnm @ 25.03.2009, 11:34:53 ) *
w css
#lol -> id komórki

  1. #lol:hover > a{
  2. color:green
  3. }
Spawnm
skoro piszę że to css to pewnie w pliku css .
a potem daj <td id='lol'> dla tego td dla którego to ma działać
gosienkami
kolor zmienia sie jak jestem na linku a nie jak w komorce:(
  1. .pasekmenu {
  2. background-color: #7C766A;
  3. }
  4. #lol a:hover{
  5. color:#03C;
  6. }
  7.  
  8. .pasekmenu1 {
  9. background-color: #A4967C;
  10. }
  11.  
  12.  
  13.  
  14. <th id="lol" width="132" scope="col" onmouseover="this.className = 'pasekmenu'; " onmouseout="this.className = 'pasekmenu1'; "> <a href="index.php" >GŁÓWNA</a></th>

Cytat(Spawnm @ 25.03.2009, 11:59:16 ) *
skoro piszę że to css to pewnie w pliku css .
a potem daj <td id='lol'> dla tego td dla którego to ma działać
Spawnm
bo ty nawet przepisać nie potrafisz tongue.gif
  1. #lol a:hover{
  2. color:#03C;
  3. }

ja tak pisałem questionmark.gif exclamation.gif

pisałem

  1. #lol:hover > a{
  2. color:#03C;
  3. }
gosienkami
bo tak w ogole nic nie zmienia

pisałem

  1. #lol:hover > a{
  2. color:#03C;
  3. }

[/quote]
kazag
czy nie testujesz przypadkiem pod IE?
gosienkami
tak pod IE w kazdej wersji nie działa a pod innymi przeglądarkami jest ok. czy ktos mi podpowie jak to dostosowac pod IE?

Cytat(kazag @ 25.03.2009, 12:57:36 ) *
czy nie testujesz przypadkiem pod IE?
erix
Google: whatever:hover.
gosienkami
dopisałam pod body behavior: url("csshover3.htc");
i wrzuciałam plik i dalej nie działa

Cytat(erix @ 25.03.2009, 15:26:09 ) *
Google: whatever:hover.
erix
Jeśli używasz IE z SP2, to musisz nadać jeszcze odpowiedni MIME dla .htc. Jest wszystko w FAQ.
gosienkami
http://perfectionorvanity.com/2006/07/15/problemy-z-.htc/
zmieniłam jak w linku i dalej bez zmian
Cytat(erix @ 26.03.2009, 14:18:44 ) *
Jeśli używasz IE z SP2, to musisz nadać jeszcze odpowiedni MIME dla .htc. Jest wszystko w FAQ.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.