Forum PHP.pl

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

[HTML] pobierz, plaintext 
.menu:hover {
background:url(images/button2.jpg);
}
[HTML] pobierz, plaintext 

No i niestety taka opcja nie pomaga. :/

Pokaż, jak wstawiłeś.

Zobacz tak:

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

W przykładzie wyżej masz samo hover może dlatego nie działa.

Teraz kod css wygląda tak:

Widzę, że nie rozumiesz gdzie robisz błąd. Usuń stary kod i wklej ten:

[HTML] pobierz, plaintext 
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 a:hover {
background-image: url(images/button.jpg);
}
 
a {
color:white;
text-decoration:none;
}
 
.menu a {
color:#8F9ABA;
}
span {
color:orange;
}
[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ć.

Ten post edytował Filip_Łdz 12.06.2009, 20:25:40

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 :/

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.