• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Проблема с видом
Mr_News
Сообщений: 90
Репутация: 52

Сообщение # 1 | 11:46:32
Всем доброго времени суток!

Когда сворачиваю браузер, меню уезжает вниз.

При развернутом всё нормально.

В чём проблема?
Код верхней части сайта этот
Code

<div class="head_top_border"><div class="head_top"><div class="w-sizeAll">
<div style="width: 90px; padding: 1px 3px 0 0; margin-left: 6px;"><img src="/images/mr_news_logo.png" alt="...Загрузка..." title="" /></div>
</div></div></div>

<div style="margin-left: 161px;">
<ul class="css-menu-1">
<li><a href="/">Главная</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Автор работ</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>

Код CSS
Code


ul.css-menu-1 {
list-style: none
}

ul.css-menu-1 li {
display: inline
}

ul.css-menu-1 li a {
font-family: Tahoma, Geneva, sans-serif;  
text-decoration: none;
background: #353535 url("/images/highlight_faint.png") repeat-x top;  
color: #E5E5E5;  
padding-right: 74px;
padding-left: 75px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}

ul.css-menu-1 li a:hover {
padding-right: 75px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 74px;
background: #F5B200 url("/images/highlight_faint.png") repeat-x top;
color: #151515;  
}

ul.css-menu-1 li a.selected {
background: #364e95
}
Сообщение отредактировал Mr_News - Пятница, 29 Июн 2012, 12:17:05
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 13:39:27
Mr_News,вообще то , сайты с фиксированным и резиновым типом макета в некоторых случаях так и ведут себя , такое поведение меню вполне нормально при изменении размера окна обозревателя ...

Mr_News
Сообщений: 90
Репутация: 52

Сообщение # 3 | 13:42:20
Исправить можно?
Александра-Б
Сообщений: 1
Репутация: 0

Сообщение # 4 | 14:05:01
у меня не получалось
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 5 | 14:13:00
Mr_News, а по проще не сделать ? не через теги UL / LI а просто меню сделать из таблицы ???? Вставить ссылки на страницы в ячейки таблицы с соответствующими стилями оформления и поведения по наведению курсора .....

Mr_News
Сообщений: 90
Репутация: 52

Сообщение # 6 | 14:47:52
Topic close.
Проблема решена. happy
Сообщение отредактировал Mr_News - Пятница, 29 Июн 2012, 14:48:10
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 7 | 14:58:25
Mr_News, например так

CSS

.tdmnu {width: 25%; background-color: #000; color: #fff; text-align: center; padding: 20px 0px;}
.tdmnu:hover {background-color: #FF5050;}
.hrefpage:link, .hrefpage:visited, .hrefpage:active { color: #fff; text-decoration: none; text-transform: uppercase;}
.hrefpage:hover { color: #00f; text-decoration: underline;}

HTML

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td class="tdmnu"><a class="hrefpage" href="ссылка на страницу раз">страница раз</a></td>
<td class="tdmnu"><a class="hrefpage" href="ссылка на страницу два">страница два</a></td>
<td class="tdmnu"><a class="hrefpage" href="ссылка на страницу три">страница три</a></td>
<td class="tdmnu"><a class="hrefpage" href="ссылка на страницу четыре">страница четыре</a></td>
</tr>
</table>

Mr_News
Сообщений: 90
Репутация: 52

Сообщение # 8 | 15:34:46
Спасибо. Я сделал по своему)
Ещё один вопрос. Как уменьшить промежуток между кнопками? на скрине видно, что там 2-3 пикселя. До 1 уменьшить можно?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 9 | 15:44:35
Mr_News, попробуйте прописать margin: 0px; для тегов меню UL / LI

  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!