...учая менюшка

Grann · June 7, 2009

Что-то ни как не получается вставить на основную страницу корректно работающее меню... отдельно функционирует нормально, вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--Стиль главного меню-->

<style type="text/css">

.L2 <!--слой меню--> {
	z-index: 1;
	position: fixed;
	margin-right: 10%;
	margin-left: 50%;


}

.top_menu, .top_menu UL {
list-style: none;
text-align: left; width: 100%;
}

.top_menu {
position: relative;
border: 0px; width: 100%;
}

.top_menu A {
font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; 
display: block;
}

.top_menu LI UL {
display: none; position: absolute;
text-align: left;
border: 0px; border-top: 0px; padding: 0px; padding-top: 5px;
background: #;
}

.top_menu LI LI:hover, .top_menu LI LI.jshover {
background: #DFDFDF;
}

.top_menu LI LI A {
font-size: 15px; text-align: left; font-weight: normal; text-decoration: none; 
}

.top_menu LI LI A:link, .top_menu LI LI A:visited {
color: #000000; 
}

.top_menu LI:hover UL, .top_menu LI.jshover UL {
display: block;
}

.top_menu LI:hover LI:hover UL, .top_menu LI.jshover LI.jshover UL {
display: block;
}


.top_menu, .top_menu UL {
list-style: none;
margin: 0; padding: 0; border: 0px;
text-align: left; width: 100%;
}

</style>
<!--Стиль главного меню-->



<body bgcolor="CC00CC">

<!--Главное меню-->
<div class="L2" align="right">
<table border="0">
<td>
<ul class="top_menu">
<td align="center">
<ul class="top_menu">
<li>
	<a href="#">Пункт главного меню</a>
	<ul>
	<li><a href="#">Пункт подменю</a></li>
	<li><a href="#">Пункт подменю</a></li>
	</ul>
</li>
</td>
<td align="center">
<ul class="top_menu">
<li>
	<a href="#">Пункт главного меню</a>
	<ul>
	<li><a href="#">Пункт подменю</a></li>
	<li><a href="#">Пункт подменю</a></li>
	</ul>
</li>
</td>
<td>
<ul class="top_menu">
<li>
	<a href="#">Пункт главного меню</a>
	<ul>
	<li><a href="#">Пункт подменю</a></li>
	<li><a href="#">Пункт подменю</a></li>
	</ul>
</li>
</td>
</td>
</ul>
</td>
</tr>
</table>
</div>
<!--Главное меню конец-->
</body>

Проблема в том что после помещения меню на страницу (с другими слоями) в опере подменю вападают, но не активны, а в IE так вообще ничего не происходит ...

Markup-UA · June 7, 2009

Оригинальный конечно подход

На кой хрен ты меню сделал с помощью таблицы?

Тебе что ul и li мало?

position: fixed; ие не понимает

вот почитай как делать выпадающее меню

http://htmlcss.com.ua/index.php?showtopic=115

Я всегда так делаю и всегда все работает без проблем

Grann · June 7, 2009

Оригинальный конечно подход
На кой хрен ты меню сделал с помощью таблицы?
Тебе что ul и li мало?

А как по другому его(меню) сделать горизонтальным...

psywalker · June 7, 2009

да разными способами, сходите в Гугл, там 1000 примеров любых меню, а уже ваш вопрос думаю проще некуда сделать

Grann · June 7, 2009

И всё таки меня не поняли... вопрос ведь в том почему данное меню находясь на отдельное странице работает нормально а при переносе (слоем) на создаваемый сайт нет...

AjiTae · June 7, 2009

Doctype?

Grann · June 8, 2009

Doctype?

Что-то мне совсем плохо... вообще убрал доктайп... и проблем не стало... работает все как надо (для IE со скриптом)?

Простой вопрос... что это за членотня?

Searcher · June 8, 2009

А вы знаете для чего нужен Doctype?

Grann · June 8, 2009

А вы знаете для чего нужен Doctype?

Может хватит умничать.... я пользуюсь переходным доктайпом... т.е. у меня в самом верху странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ... адрес странички я не указываю (т.к. она в разработке и это не обязательно)....

... поставил я эту ...учую менюшку теперь все работает (только я не понял в чем была проблема)

Sign In

...учая менюшка

Question

Grann

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Markup-UA

Link to comment

Share on other sites

Grann

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Grann

Link to comment

Share on other sites

AjiTae

Link to comment

Share on other sites

Grann

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Grann

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information