Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS]Ustawienia stylow CSS. Problem z hover
Forum PHP.pl > Forum > Przedszkole
Mlody993
12.06.2009, 15:20:04
Witam,
robię nowy lay dla stronki no i mam taki styl:

<?php
.menu{
background:url(images/button.jpg);
width:99px;
height:22px;
color:#
> 8F9ABA;
font-size:9px;
text-align:center;
}

a{
color:white;
text-decoration:none;
>
}

.menu a{
color:#8F9ABA;
}
.menu a:hover{
color:yellow;
}

w index.php wyglada to tak:
<td class="menu" ><a href=""><font style="color:#8F9ABA;"><span >H</span>ome</font></a></td> <td width=8></td>

W stylach mam ustawione jako tlo menu plik button.jpg, a chcę, aby po najechaniu myszką było button2.jpg jako tło. No i ustawiam, a to nie reaguje. Co zrobić, aby było poprawnie?
hondek
12.06.2009, 15:24:23 
[HTML] pobierz, plaintext 
  1. .menu:hover {
  2. background:url(images/button2.jpg);
  3. }
[HTML] pobierz, plaintext
Mlody993
12.06.2009, 15:43:49
No i niestety taka opcja nie pomaga. :/
erix
12.06.2009, 17:39:30
Pokaż, jak wstawiłeś.
Filip_Łdz
12.06.2009, 17:48:05
Zobacz tak:

[HTML] pobierz, plaintext 
  1. .menu a:hover	{
  2. 		background-image: url();
  3. }
[HTML] pobierz, plaintext


W przykładzie wyżej masz samo hover może dlatego nie działa.
Mlody993
12.06.2009, 20:08:12
Teraz kod css wygląda tak:
Kod
tr,td{
font-family:verdana,arial;
font-size:11px;
color:#8F9ABA;
}
input{



     border: 1px solid #575B72;
    background:#282B3E;
    color:white;
    font-family: verdana,arial;
    font-size: 10px;
}

.menu{
background:url(images/button.jpg);
width:99px;
height:22px;
color:#8F9ABA;
font-size:9px;
text-align:center;
}
.menu:hover {
background:url(images/button2.jpg);
}
.menu a:hover {
background-image: url();
}

a{
color:white;
text-decoration:none;
}

.menu a{
color:#8F9ABA;
}
.menu a:hover{
color:yellow;
}


span{
color:orange;
}
Filip_Łdz
12.06.2009, 20:16:33
Widzę, że nie rozumiesz gdzie robisz błąd. Usuń stary kod i wklej ten:
[HTML] pobierz, plaintext 
  1. tr,td {
  2.   font-family:verdana,arial;
  3.   font-size:11px;
  4.   color:#8F9ABA;
  5. }
  6. input {
  7.   border: 1px solid #575B72;
  8.   background:#282B3E;
  9.   color:white;
  10.   font-family: verdana,arial;
  11.   font-size: 10px;
  12. }
  13.  
  14. .menu {
  15. background:url(images/button.jpg);
  16. width:99px;
  17. height:22px;
  18. color:#8F9ABA;
  19. font-size:9px;
  20. text-align:center;
  21. }
  22.  
  23. .menu a:hover {
  24. background-image: url(images/button.jpg);
  25. }
  26.  
  27. a {
  28. color:white;
  29. text-decoration:none;
  30. }
  31.  
  32. .menu a {
  33. color:#8F9ABA;
  34. }
  35. span {
  36. color:orange;
  37. }
[HTML] pobierz, plaintext


ps. Ogólnie te twoje style są strasznie pomieszane. Teoretycznie chcesz używać styli css z osobnego pliku a w index masz: font-style... tego już się raczej nie stosuje. Wszystko co dotyczy wyglądu strony i w tym czcionki kolor, rozmiar itp. określaj sobie w style.css bo inaczej można się pogubić.
Mlody993
12.06.2009, 21:33:55
Cytat(Filip_Łdz @ 12.06.2009, 21:16:33 ) *
Widzę, że nie rozumiesz gdzie robisz błąd. Usuń stary kod i wklej ten:
[HTML] pobierz, plaintext 
  1. tr,td {
  2.   font-family:verdana,arial;
  3.   font-size:11px;
  4.   color:#8F9ABA;
  5. }
  6. input {
  7.   border: 1px solid #575B72;
  8.   background:#282B3E;
  9.   color:white;
  10.   font-family: verdana,arial;
  11.   font-size: 10px;
  12. }
  13.  
  14. .menu {
  15. background:url(images/button.jpg);
  16. width:99px;
  17. height:22px;
  18. color:#8F9ABA;
  19. font-size:9px;
  20. text-align:center;
  21. }
  22.  
  23. .menu a:hover {
  24. background-image: url(images/button.jpg);
  25. }
  26.  
  27. a {
  28. color:white;
  29. text-decoration:none;
  30. }
  31.  
  32. .menu a {
  33. color:#8F9ABA;
  34. }
  35. span {
  36. color:orange;
  37. }
[HTML] pobierz, plaintext


ps. Ogólnie te twoje style są strasznie pomieszane. Teoretycznie chcesz używać styli css z osobnego pliku a w index masz: font-style... tego już się raczej nie stosuje. Wszystko co dotyczy wyglądu strony i w tym czcionki kolor, rozmiar itp. określaj sobie w style.css bo inaczej można się pogubić.


Według tego kodu teraz zamiast obrazek button.jpg zmieniac sie na button2.jpg to sie nie zmienia jak przedtem a button.jpg pokazuje się na tekscie gdy myszką najade :/
Filip_Łdz
13.06.2009, 10:29:36
Jeśli masz jeszcze .psd tego szablonu to radzę Ci napisać porządnie od początku cały kod. Bo jeśli masz problem z dodaniem prostego a:hover to pomyśl co będzie za pół roku jak będziesz chciał wprowadzić jakąkolwiek modyfikację. Na początek proponowałbym nauczyć się budować strony w oparciu o bloki div a nie tabelki. Tabelki służą do przedstawiania danych tabelarycznych a nie budowania szkieletu stron.
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.