Здравствуйте, хотел вывести в браузере таблицу со ссылками на файли. Три ячейки. При наведении на них они должен меняться фон ячейки, но этого не происходит. Может я что-то не так делаю?
Есть файл index.html:
<html>
<head>
<title>Пример</title>
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
<style>
table {
border: 1px solid black;
background: stateblue2;
}
tr {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr><td>
<a href="index.html">Главная</a>
</td></tr>
<tr><td>
<a href="hobby.html">Мое хобби</a>
</td></tr>
<tr><td>
<a href="photo.html">Фотоальбом</a>
</td></tr>
</table>
</body>
</html>
есть файли index.html, hobby.html, photo.html. Также есть файл style.css:
td {display: block; background-color: stateblue2; height:50px; width:100px; border:1px solid black; text-align: center; vertical-align: middle"; text-decoration: none;}
td:hover {color: black; background-color: royalblue2;}