При попытке перенести код в header 2, кнопки меню появляются, но во первых они появляются ниже блока header 2, а не в нем (хотя код находится внутри блока div), во вторых они шириной во весь блок, вот так (смотрите прикрепленную картинку)
Я прочитал 10-15 тем в поиске, пробовал вставлять готовый код из тем (почти везде делалось чере <li> ), но даже с готовым кодом не получается, единственное исключение
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Eugene-N
Ребята привет.
сайт 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> ), но даже с готовым кодом не получается, единственное исключение
http://www.cyberforum.ru/html/thread421154.html
но там какой то огромный код, неужели нельзя поменьше?
Как-то задать расположение кнопок по горизонтали, и выровнять внутри 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
как и предыдущий (тот который написал выше)
Пробовал указать размеры (ширину и высоту header2 - не помогло)
На сайте в коде не прописаны ссылки в header2, потому что версия старая (а обновить не могу, забыл пароль к сайту (восстановить не получается)).
Link to comment
Share on other sites
14 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.