Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.02.2010, 12:20
Интересующийся
Отправить личное сообщение для iGusse Посмотреть профиль Найти все сообщения от iGusse
 
Регистрация: 17.12.2009
Сообщений: 14

Нужно выпадающее меню))
Здравствуйте мне нужно сделать 2 варианта меню:
1) чтобы выпадало вверх
2) чтобы выпадало вниз
+ первому пункту присваивается class скажем first-item, а к последнему last-item.

Меню сейчас выводится вот так:
<div id="mainmenu">
<ul>
<li><a href="#">Услуги</a>
<ul>
<li><a href="">Продвижение сайтов</a></li>
<li><a href="">Разработка сайтов</a></li>
<li><a href="">Управление сайтом</a></li>
<li><a href="">Контекстная реклама</a></li>
<li><a href="">SEO-копирайтинг</a></li>
<li><a href="">Фирменный стиль</a></li>
<li><a href="">Продвижение сайтов</a></li>
<li><a href="">Разработка сайтов</a></li>
<li><a href="">Управление сайтом</a></li>
<li><a href="">Контекстная реклама</a></li>
<li><a href="">SEO-копирайтинг</a></li>
<li><a href="">Фирменный стиль</a></li>
</ul>
</li>
<li><a href="">Цены</a>
<ul>
<li><a href="">Продвижение сайтов</a></li>
<li><a href="">Разработка сайтов </a></li>
<li><a href="">Контекстная реклама</a></li>
</ul>
</li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>

Сейчас на кошельке есть 240 рублей) кто-нибудь сможет помочь мне?
Ответить с цитированием
  #2 (permalink)  
Старый 07.02.2010, 13:43
Аспирант
Отправить личное сообщение для 12345c Посмотреть профиль Найти все сообщения от 12345c
 
Регистрация: 01.03.2009
Сообщений: 33

(Наверное, эти деньги покроют только чтение ТЗ, если оно есть. Или пару часов разговора по этому ТЗ. Но на сайтах фрилансеров часто попадаются такие предложения от 0$ за работу, где условием договора со стороны исполнителя также будет хвалебный отзыв с Вашей стороны.)
Ответить с цитированием
  #3 (permalink)  
Старый 08.02.2010, 01:05
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

HTML надо немного подправить
<ul id="mainmenu">
<li><a href="#">Услуги</a>
	<ul>
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов</a></li>
		<li><a href="">Управление сайтом</a></li>
		<li><a href="">Контекстная реклама</a></li> 
		<li><a href="">SEO-копирайтинг</a></li>
		<li><a href="">Фирменный стиль</a></li> 
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов</a></li>
		<li><a href="">Управление сайтом</a></li>
		<li><a href="">Контекстная реклама</a></li> 
		<li><a href="">SEO-копирайтинг</a></li>
		<li><a href="">Фирменный стиль</a></li> 
	</ul> 
</li>
<li><a href="">Цены</a>
	<ul>
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов </a></li>
		<li><a href="">Контекстная реклама</a></li>
	</ul>
</li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Контакты</a></li>
</ul>


#mainmenu {
	width: 150px;
}

#mainmenu li {
	border: 1px solid #cccccc;
	list-style: none;
	position: relative;
	padding: 5px 5px 5px 25px;
}

#mainmenu ul li {
	padding: 2px 2px 2px 25px;
	width: 200px;
}

#mainmenu ul {
	position: absolute;
	left: 108px;
	top: 0px;
	display: none;
}

#mainmenu li:hover ul {
	display: block;
}


Проверено в Opera 10 и FF 3.6 в IE будет баг для него нужно скрипты применять.
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Jquery выпадающее меню Коля jQuery 4 26.01.2011 17:00
Выпадающее меню theo_ Общие вопросы Javascript 18 05.10.2009 11:34
Выпадающее меню SunYang Общие вопросы Javascript 3 16.04.2009 22:18
Сделать выпадающее меню по аналогу SerG Общие вопросы Javascript 1 05.11.2008 15:05
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 18:30