ReSQL.ru
     
powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Меню с CSS! проблема!
2 сообщений из 2, страница 1 из 1
Меню с CSS! проблема!
    #34164216
klimmilk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
klimmilk
Участник
klimmilk

Добрый день! господа, есть проблема.
скачал с сети файлик меню в CSS, не могу разобраться какой параметр отвечает за месторасположение выпадающих ячеек! Вот само меню:

<html>
<body>

<style type="text/css">
a { font-size: color: navy; text-decoration: none }
a:hover { background-color: yellow; text-decoration: underline }

#box {
position:absolute;
visibility:hidden;
layer-background-color:silver }
#limebox {background-color:lime }
#bluebox {background-color:lightsteelblue }
#mnubar {font:10pt arial; font-weight:bold }

</style>

<script language="JavaScript">
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show"
showbox.top=44
var items = 5
for (i=1; i<=items; i++) {
elopen=document.layers
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}

if(ie) {
curEl = event.toElement
curEl.style.background = "yellow"

showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top =45;

var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box
barEl=document.all.mnubar
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "#ccccff"
}
}
}
}

function closeIt() {
var items = 5
for (i=0; i<items; i++) {
if(ie){
document.all.box.style.visibility = "hidden"
barEl=document.all.mnubar
barEl.style.background = "#ccccff"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</script>

</head>

<body bgcolor="white" vlink=navy marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" width="100%" bgcolor="#CCCCFF" height="20" id=mainmenu>

<tr>
<td>
<br>
<br>
<br>
<br>
<br>
<br>

</td>
</tr>
<tr>
<td align="center" ><b><font color="#000080" face="Arial"><a
href="http://www.webg.agava.ru/index.html">Главная</a></font></b><br>
</td>
<td align="center" nowrap >
<a href="#" onMouseOver="openIt(0)" id=mnubar>Меню 1....</a> <br></td>

<td align="center" nowrap >
<a href="#" onMouseOver="openIt(1)" id=mnubar>Меню 2...</a> <br></td>

<td align="center" nowrap >
<a href="#" onMouseOver="openIt(2)" id=mnubar>Меню 3...</a> <br></td>

<td align="center" nowrap >
<a href="#" onMouseOver="openIt(3)" id=mnubar>Меню 4...</a> <br></td>

<td align="center" nowrap >
<a href="#" onMouseOver="openIt(4)" id=mnubar>Меню 5...</a> <br></td>

<td align="center" width="30" nowrap valign="top"> </td>
</tr>
</table>

<br><br>

<div onMouseOver="closeIt()" >
<layer onMouseOver="closeIt()">


</layer>
</div>

<!-- Меню 1 -->

<div id=box style=left:120>
<table border="1" id=bluebox >
<td><a href='java.htm'>На оглавление</a></td></tr>
<td><a href='http://dymovka.h1.ru/ban/bans.htm' >Баннеры</a></td></tr>
</table>
</div>


<!-- Меню 2 -->

<div id=box style=left:200>
<table border="1" id=limebox> <tr>
<td><a href='http://www.webg.agava.ru.ru/fon/fons.htm'>Фоны</a></td>
<td><a href='http://www.webg.agava.ru/gif/gifs.htm' >Анимированные гифы</a></td>
</table>
</div>

<!-- Меню 3 -->

<div id=box style=left:290>
<table border="1" id=bluebox>
<tr><td><a href='http://www.webg.agava.ru/icon/icons.htm' >Иконки</a></td>
<td><a href='http://www.webg.agava.ru/ss.htm' >Ссылки</a></td></tr>
</table>
</div>


<!-- Меню 4 -->

<div id=box style=left:400>
<table border="1" id=limebox>
<tr><td><a href='http://dymovka.h1.ru/index.html' >Ваша ссылка</a></td>
<td><a href='http://dymovka.h1.ru/index.html' >Ваша ссылка</a></td></tr>
</table>
</div>

<!-- Меню 5 -->

<div id=box style=left:520>
<table border="1" id=bluebox>
<tr><td><a href='http://dymovka.h1.ru/index.html' >Ваша ссылка</a></td>
<td><a href='http://dymovka.h1.ru/index.html' >Ваша ссылка</a></td></tr>
</table>
</div>

</body>
</html>
Тут получаеся что есть параметр толька на смешен ие по горизонтали, а мне надо по вертикали опустить его под основное меню!
За ранее благодарен!

И tit вопрос можно ли вынести стили в отдельный файл CSS?
...
Рейтинг: 0 / 0
29.11.2006, 14:37
| Ответить | Цитировать | Написать  
Меню с CSS! проблема!
    #34182708
lite_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lite_
Участник
klimmilk
не могу разобраться какой параметр отвечает за месторасположение выпадающих ячеек!

style="left:520"

klimmilk
Тут получаеся что есть параметр толька на смешен ие по горизонтали, а мне надо по вертикали опустить его под основное меню!

style="top:50"

klimmilk
И tit вопрос можно ли вынести стили в отдельный файл CSS?


Можно
...
Рейтинг: 0 / 0
07.12.2006, 12:01
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Меню с CSS! проблема!
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34164216&tid=1459071]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 39ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 2ms
others: 18ms
total:  149ms
созд. / загр.: 149ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]