Ребята привет.

сайт 3d-journal.ucoz.ru

Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2.

В левом блоке меню разместилось очень просто

HTML


<div class="LeftMenu">
<a class="menu" href="Форум.htm">Новости</a>
<a class="menu" href="Уроки.htm">Уроки</a>
<a class="menu" href="Видеоуроки.htm">Видеоуроки</a>
<a class="menu" href="Журнал.htm">Журнал</a>
<a class="menu" href="Галерея.htm">Галерея</a>
<a class="menu" href="Download.htm">Download</a>
<a class="menu" href="Форум.htm">Форум</a>
<img src="img/left.jpg">
</div>


CSS

.LeftMenu
{
float: left;
overflow: hidden;
background: url(img/left.jpg);
width: 180px; height: 800px;
padding: 0px;
float: bottom
}

.menu
{
background: url(img/knopka5.jpg);
padding: 5px;
text-decoration: none;
color: white;
display: block;
height: 30px;
padding-left: 22px;
padding-top: 13px;
font-size: 20px;
}

.menu:hover
{
color: blue;
background: url(img/knopka2.jpg);
}


При попытке перенести код в header 2, кнопки меню появляются, но во первых они появляются ниже блока header 2, а не в нем (хотя код находится внутри блока div), во вторых они шириной во весь блок, вот так (смотрите прикрепленную картинку)

Я прочитал 10-15 тем в поиске, пробовал вставлять готовый код из тем (почти везде делалось чере <li> ), но даже с готовым кодом не получается, единственное исключение
Как сделать горизонтальное, выподающее меню на сайте?
но там какой то огромный код, неужели нельзя поменьше?
Как-то задать расположение кнопок по горизонтали, и выровнять внутри div-блока.
Нашел в поиске вот такой параметр

white-space: nowrap;
запрещает переносы в строке

тоже не получилось.

Вот код.

HTML

<div class="header2">
<img src="img/verh3.jpg" alt="сайт о компьютерной графике">
<a class="menu" href="Форум.htm">Новости</a>
<a class="menu" href="Уроки.htm">Уроки</a>
<a class="menu" href="Видеоуроки.htm">Видеоуроки</a>
</div>

CSS

как и предыдущий (тот который написал выше)

[attachment=38941:99999.jpg]