Как да направя това меню ... ?

[drungel]

Здравейте искам да направя такова меню като на снимката но самоче незнам как да ги направя тези квадратчета в таблицата на dreamweavera моля кажете как се правят :

 

[Dizasterr]

Квадратчетата отзад са правени на програма като Gimp и др. Можеш да го направиш и с някоя по - лесна. Те са само преливки(gradients). След като ги направиш, до съответното квадратче слагам снимка, а в квадратчето с иправиш връзка и готово.

П.П. Препоръчвам ти да го направиш с таблица на html, за да е по красиво и лесно.

 

[drungel]

добре де а как да направя в html тези квадратчета.работя с dreamweaver обаче след като направя таблицата как да направя тези квадратчета ... ?

 

[Dizasterr]

<html>
<head>
<style>
#button1 {
width: ?px;
height: ?px;
background: url("Пътят до картинката");
}
#button2 {
width: ?px;
height: ?px;
background: url("Пътят до картинката");

}
#button3 {
width: ?px;
height: ?px;
background: url("Пътят до картинката");

}
#button4 {
width: ?px;
height: ?px;
background: url("Пътят до картинката");

}
</style>
</head>
<body>
<table align="center">
<tr>
<td width="150px"></td>
<td id="button1"><a href="#">Текст</a></td>
</tr>
<tr>
<td id="button2"><a href="#">Текст</a></td>
<td width="150px"></td>
</tr>
<tr>
<td width="150px"></td>
<td id="button3"><a href="#">Текст</a></td>
</tr>
<tr>
<td id="button4"><a href="#">Текст</a></td>
<td width="150px"></td>
</tr>
</table>
</body>
</html>

Не съм пробвал кода, ако има грешки кажи.