Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Zmiana tła i czcionki - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zmiana tła i czcionki (/thread-zmiana-tla-i-czcionki)



Zmiana tła i czcionki - INTERNETGIRL - 17-08-2010

Witajcie kochani,
mam następującą komórkę:
<tr>
<td
style="border: 2pt solid green; text-align: center; vertical-align: middle; height: 55px; background-color: rgb(51, 204, 255);"><a
href="http://www.onet.pl">FIRMA</a>
</td>
</tr>
Chciałabym aby po najechaniu na odnośnik zmieniało się tło na: background color rgb(51, 102, 255) a sama czcionka odnośnika robiła się BOLD.

Czy mogłabym liczyć na waszą pomoc ?


RE: Zmiana tła i czcionki - KeeL - 17-08-2010

Witam,
nie wiem czy tu zadziała pseudo klasa :hover, ale najprościej z użyciem JavaScript to zrobić

Sprawdziłem hover działa, kod:
Kod:
<tr>
<td id="hover">
<a href="http://www.onet.pl">FIRMA</a>
</td>
</tr>
i CSS
Kod:
#hover:hover{
display: block;
background-color: rgb(51, 102, 255);
font-weight: bold;
border: 2px solid green;
text-align: center;
vertical-align: middle;
height: 55px;
}

#hover {
border: 2px solid green;
text-align: center;
vertical-align: middle;
height: 55px;
background-color: rgb(51, 204, 255);
}

PS mogą być literówki pisałem z pamięci