Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][CSS]Ustawienia stylow CSS. Problem z hover
Mlody993
post
Post #1





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 12.02.2009

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


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?

Ten post edytował Mlody993 12.06.2009, 15:20:43
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Filip_Łdz
post
Post #2





Grupa: Zarejestrowani
Postów: 46
Pomógł: 1
Dołączył: 26.05.2009

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


Widzę, że nie rozumiesz gdzie robisz błąd. Usuń stary kod i wklej ten:
  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. }


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ć.

Ten post edytował Filip_Łdz 12.06.2009, 20:25:40
Go to the top of the page
+Quote Post
Mlody993
post
Post #3





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 12.02.2009

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


Cytat(Filip_Łdz @ 12.06.2009, 21:16:33 ) *
Widzę, że nie rozumiesz gdzie robisz błąd. Usuń stary kod i wklej ten:
  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. }


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 :/
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 9.10.2025 - 13:06