Графика >> Меню

В CSS:

#menu {
  width:100;
  height:22;
  background:#ffe8e8;
  border:1px solid #eccece;
  text-align:center;
}
#menu:hover {
  background:#fef8f8;
  border:1px solid #fef8f8;
  letter-spacing:0.1em;
}
a.menu {
  color:#ce5a5a;
  font-size:14;
  text-decoration:none;
  font-family:century gothic;
}

В место, где будет находиться:
Горизонтальное меню

<table>
<tr>
<td id="menu"><a href="index.html" class="menu">Главная</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</table>

Вертикальное меню

<table>
<tr>
<td id="menu"><a href="index.html" class="menu">Главная</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>

Графика >> Меню

Вернуться к списку