Jump to content
  • 0

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


Grann
 Share

Question

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

<!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 так вообще ничего не происходит ...

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

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

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

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy