X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите с выпадающим меню
Vargaas
Vargaas
Topic Starter сообщение 23.1.2011, 13:49; Ответить: Vargaas
Сообщение #1


В общем написал для сайта выпадающее меню (основа-горизонтальная), но выпавшии вниз пункты остались без фона, и изза этого сливаются с остальным текстом. Подскажите как это исправить? переписать меню или же как то добавить фон...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.1.2011, 14:01; Ответить: locky-yotu
Сообщение #2


(Vargaas @ 23.1.2011, 15:49) *
добавить фон

именно. если вы уже написали выпадающее меню, вы же знаете о свойстве "background"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vargaas
Vargaas
Topic Starter сообщение 23.1.2011, 14:18; Ответить: Vargaas
Сообщение #3


Ну фон то я добавил, но он на всю ширину, как его ограничить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tigor.v
Tigor.v
сообщение 24.1.2011, 17:09; Ответить: Tigor.v
Сообщение #4


Привет, а можешь код предоставить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bob_hb
bob_hb
сообщение 25.1.2011, 2:31; Ответить: bob_hb
Сообщение #5


Давай код сделаю или вличку давай
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vargaas
Vargaas
Topic Starter сообщение 27.1.2011, 14:04; Ответить: Vargaas
Сообщение #6


вот хтмл
<!--Меню-->
<div id="menu">
<ul id="cssmenu">

<ul>

<li><a href="index.html" accesskey="1">Главная</a></li>

<li><a href="bibl.html" accesskey="2">Библиотека</a>
<ul><br>

<li><a href="sert.html"><font color="#ff0000">Сертификаты</font></a></li><br>
<li><a href="instr.html"><font color="#ff0000">Инструкции</font></a></li><br>
<li><a href="allliz.html"><font color="#ff0000">Лицензирование</font></a></li><br>
<li><a href="gost.html"><font color="#ff0000">ГОСТы</font></a></li><br>

</ul>
</li>
<li><a href="dil.html" accesskey="3">Доставка</a></li>
<li><a href="allnov.html" accesskey="3">Новости</a></li>
<li><a href="vopr.php" accesskey="3">Вопрос-Ответ</a></li>
<li><a href="about.html" accesskey="4">О нас</a></li>
<li><a href="kontaks.html" accesskey="5">Контакты</a></li>
</ul>
</div>


А вот ксс:
[CSS]
/* Menu */

#menu
{
padding: 1em 2em 1em 0em;
background: #F1DFC9 url('images/a2.gif') top left repeat-x;
font-size: 1.1em;
}

#menu ul
{
display: block;
width: 1000px;
margin: 0em auto;
list-style: none;
padding-left: 2.5em;
}

#menu li ul
{

position: absolute; /* Подменю позиционируются абсолютно */
display: none; /* Скрываем подменю */
margin-left: 50px; /* Сдвигаем подменю вправо */
margin-top: -1em; /* Сдвигаем подменю вверх */
}

#menu li

{
display: inline;
}

#menu li a
{
color: #CAFFCA;
font-weight: bold;
text-decoration: none;
padding: 0.25em 0.75em 0.25em 0.75em;
}

#menu li a:hover

{
background: #000 top left repeat-x;
color: #fff;
}

#menu li:hover ul
{
background: #F1DFC9 top center repeat-x;
display: block; /* При выделении пункта курсором мыши отображается подменю */
}
.brd {
border-bottom: 1px solid #ccc; /* Линия снизу */
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vargaas
Vargaas
Topic Starter сообщение 27.1.2011, 14:07; Ответить: Vargaas
Сообщение #7


Сначало написал меню, а уже потом делал эффект выпадения.
Если я сильно накасячил то как по дугому сделать можно, я знаю что как то через яваскрипт.
Что у меня молучилось можно посмотеть сдесь: http://domsib.com
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bumer_hb
bumer_hb
сообщение 27.1.2011, 14:32; Ответить: bumer_hb
Сообщение #8


вот это исправь width: 1000px; , чтобы не такое длиное меню было
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vargaas
Vargaas
Topic Starter сообщение 27.1.2011, 15:20; Ответить: Vargaas
Сообщение #9


Бумер в пинципе идея неплохая, я уменьшил, но в этом случае все остальные пункты менютоже пиблизились очень сильно, а некотоые дуг под дуго стали.
Мне нужно только фон у выпадающего поменьше сделать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 27.1.2011, 16:25; Ответить: locky-yotu
Сообщение #10


[CSS]#menu li ul {
width: 200px;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12403 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3332 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:28
Дизайн