| Предыдущая тема :: Следующая тема |
| Автор |
Сообщение |
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
 Добавлено: Вт Июн 08 2004 15:14 Заголовок сообщения: Народ!! Срочно нужна помощь, с выплывающем меню!!! |
 |
|
Как бороться с тем , что когда меняешь разрешение экрана подменюшка начинает плыть по отношению к главной?
В файле CSS все исправлено нормально : и в пикселях и в % результат один и тот же. |
|
| Вернуться к началу |
|
 |
Astaroth
Зарегистрирован: 17.05.2004
Сообщения: 453
Откуда: Питер
|
| Добавлено: Вт Июн 08 2004 15:26 Заголовок сообщения: |
|
|
Менюшки разные бывают, подробнее пожалуйста.
_________________
Не очеловечивайте компы - они этого не любят! |
|
| Вернуться к началу |
|
|
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
| Добавлено: Вт Июн 08 2004 15:33 Заголовок сообщения: Горизонтальное меню, |
|
|
| на него мышкой наводишь и подменюшка выплывает |
|
| Вернуться к началу |
|
|
Astaroth
Зарегистрирован: 17.05.2004
Сообщения: 453
Откуда: Питер
|
| Добавлено: Вт Июн 08 2004 15:37 Заголовок сообщения: Re: Горизонтальное меню, |
|
|
| Laima писал(а): | | на него мышкой наводишь и подменюшка выплывает |
Информативно. Даже очень. С такими приметами не промахнемся. На чем хоть делала? Я в свое время на Flash реализовал. И вообще, исходный код кинь. Тока, плиз, отчисти его отвсего лишнего, что б остался только код самой менюшки. Уверен, в процессе отчистки ты сама разберешься.
_________________
Не очеловечивайте компы - они этого не любят! |
|
| Вернуться к началу |
|
|
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
| Добавлено: Вт Июн 08 2004 15:42 Заголовок сообщения: Сорри |
|
|
Я веб-дизайном никогда не занималась... я несколько по-другому профилю... а тут заставили
писала на JavaScript, css |
|
| Вернуться к началу |
|
|
VAVk
Зарегистрирован: 03.06.2004
Сообщения: 5
Откуда: ARMENIA
|
| Добавлено: Вт Июн 08 2004 16:00 Заголовок сообщения: |
|
|
| По вашему разговору я точно не понял в чем проблема, но может попробуешь дать этому меню (который выскакивает) style="position:absolute". |
|
| Вернуться к началу |
|
|
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
| Добавлено: Вт Июн 08 2004 16:02 Заголовок сообщения: Сделала, все равно не получается---плывет |
|
|
| Стоит у меня позишен абсолют-ничего это не дает! |
|
| Вернуться к началу |
|
|
Astaroth
Зарегистрирован: 17.05.2004
Сообщения: 453
Откуда: Питер
|
| Добавлено: Вт Июн 08 2004 16:05 Заголовок сообщения: |
|
|
Мыслю я, что все дело в реализации меню. Код в студию!
_________________
Не очеловечивайте компы - они этого не любят! |
|
| Вернуться к началу |
|
|
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
| Добавлено: Вт Июн 08 2004 16:13 Заголовок сообщения: % менялись на пиксели-это ничего не дало. |
|
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="Pentax Пентакс гибкие эндоскопы гастрофиброскоп медицинская техника
медицинские дуоденоскоп гастроскоп бронхоскоп колоноскоп фиброскоп видеоэндоскоп эндоскоп видеоскоп">
<meta http-equiv="Content-Language" content="ru">
<meta name="Author" content="Ludmila Maslennikova">
<title>Медицинская техника японской фирмы ПЕНТАКС</title>
<LINK href="risp.css" type=text/css rel=stylesheet> <!--Для правильного выезда менюшки и трактовки цвета и шрифтов-->
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<SCRIPT language=JavaScript>
<!--
dom = (document.getElementById)? true : false;
nn4 = (document.layers)? true : false;
ie4 = (!dom && document.all)? true : false;
var maxmenu = 4; // кол-во выпадашек
var start = 0; //
var activmenu = 0; //
var cur = 0; //
var tim;
var overactiv = 0; //
var overcolor = '#fffafa';
var outcolor = '#cccccc';
function showmenu(el)
{
if (dom) document.getElementById(el).style.visibility = "visible";
else if (ie4) document.all[el].style.visibility = "visible";
else if (nn4) document.layers[el].visibility = "show";
activmenu = 1;
}
function hidemenu(el)
{
if (dom) document.getElementById(el).style.visibility = "hidden";
else if (ie4) document.all[el].style.visibility = "hidden";
else if (nn4) document.layers[el].visibility = "hide";
activmenu = 0;
}
function hideall()
{
for (i=1; i<=maxmenu; i++)
{
if (dom) document.getElementById('menu'+i).style.visibility = "hidden";
else if (ie4) document.all['menu'+i].style.visibility = "hidden";
else if (nn4) document.layers['menu'+i].visibility = "hide";
}
activmenu = 0;
}
function noactiv()
{
if (start != 0) hidemenu(cur)
}
function activ(el)
{
if (activmenu == 1)
{
if (el != cur) {hidemenu(cur); showmenu(el); cur = el; }
}
else {showmenu(el); cur = el; }
}
function ClickActiv()
{
if (activmenu == 1) hidemenu(cur);
else showmenu(cur);
}
function timeactiv()
{
overactiv=0;
tim=setTimeout('tactiv()','1500');
}
function tactiv()
{
if (overactiv == 0 && activmenu == 1) hidemenu(cur);
}
function timedisable()
{
if (start != 0)
{clearTimeout(tim); overactiv=1}
else start = 1;
}
// --- функция подсветки ---
function bgLighting (div,optColor)
{
if (optColor == 'over') {
if (dom) document.getElementById(div).style.backgroundColor = overcolor;
if(ie4) document.all[div].style.backgroundColor = overcolor;
if(nn4) document.layers[div].bgColor = overcolor;
}
else {
if (dom) document.getElementById(div).style.backgroundColor = outcolor;
if(ie4) document.all[div].style.backgroundColor = outcolor;
if(nn4) document.layers[div].bgColor = outcolor;
}
}
//////////////////////////////////////////////////////
var status1 = 1;
function SHblock(item)
{
if (item == 'infoblock1') {block = status1}
if (block == 1)
{
if (dom) document.getElementById(item).style.display = 'none';
else if (ie4) document.all[item].style.display = 'none';
block = 0;
}
else
{
if (dom) document.getElementById(item).style.display = 'block';
else if (ie4) document.all[item].style.display = 'block';
block = 1;
}
if (item == 'infoblock1') {status1 = block}
}
//-->
</SCRIPT>
<style rel="stylesheet" text="test/css">
#menu1 {
Z-INDEX: 1; LEFT: 14.2%; VISIBILITY: hidden; POSITION: absolute; TOP: 175px
}
#menu2 {
Z-INDEX: 1; LEFT: 26%; VISIBILITY: hidden; POSITION: absolute; TOP: 175px
}
#menu3 {
Z-INDEX: 1; LEFT: 34.7%; VISIBILITY: hidden; POSITION: absolute; TOP: 175px
}
#menu4 {
Z-INDEX: 1; LEFT: 43.5%; VISIBILITY: hidden; POSITION: absolute; TOP: 175px
}
#menu5 {
Z-INDEX: 1; LEFT: 74.5%; VISIBILITY: hidden; POSITION: absolute; TOP: 175px
}
</style>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY bgColor=#cccccc leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"><!-- Выпадающие таблицы меню -->
<DIV id=menu1>
<TABLE cellSpacing=0 cellPadding=0 width=120 bgColor=#ffff00 border=0>
<TBODY>
<TR>
<TD bgColor=#lime>
<TABLE cellSpacing=1 cellPadding=1 width=120 bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD class=tdpopmenu>
<DIV id=opt1 onmouseover="bgLighting('opt1','over')"
onmouseout="bgLighting('opt1','out')"><A class=topmenu2
onmouseover=timedisable(); onclick=hideall() onmouseout=timeactiv()
href="http://www.pentax-med.ru/video/s7080.htm"> Преимущества</A></DIV></TD></TR>
<TR>
<TD class=tdpopmenu>
<DIV id=opt2 onmouseover="bgLighting('opt2','over')"
onmouseout="bgLighting('opt2','out')"><A class=topmenu2
onmouseover=timedisable(); onclick=hideall() onmouseout=timeactiv()
href="http://www.pentax-med.ru/video/line7080.htm"> Модельный ряд</A></DIV></TD></TR>
<TR>
<TD class=tdpopmenu>
<DIV id=opt3 onmouseover="bgLighting('opt3','over')"
onmouseout="bgLighting('opt3','out')"><A class=topmenu2
onmouseover=timedisable(); onclick=hideall() onmouseout=timeactiv()
href="http://www.pentax-med.ru/video/ser_70.jpg"> Серия 70К</A></DIV></TD></TR>
<TR>
<TD class=tdpopmenu>
<DIV id=opt4 onmouseover="bgLighting('opt4','over')"
onmouseout="bgLighting('opt4','out')"><A class=topmenu2
onmouseover=timedisable(); onclick=hideall() onmouseout=timeactiv()
href="http://www.pentax-med.ru/video/ser_80.jpg"> Серия 80К</A></DIV></TD></TR>
<TR>
<TD class=tdpopmenu>
<DIV id=opt5 onmouseover="bgLighting('opt5','over')"
onmouseout="bgLighting('opt5','out')"><A class=topmenu2
onmouseover=timedisable(); onclick=hideall() onmouseout=timeactiv()
href="http://www.pentax-med.ru/video/EPK-1000.gif"> Видеопроцессор</A></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=menu2>
<!-- и так далее по аналогии еще менюшки-->
<TABLE cellSpacing=0 cellPadding=0 width=72% align="center" border=0>
<tr>
<td width="99%" colspan="3">
<p align="center"><img border="0" src="logo1.gif" width="290" height="60"></p>
<p align="center">
<marquee style="font-family: Arial; font-size: 14pt; color: #000000 ">Ваша <font color="#FF0000"> ПРОФЕССИЯ </font> требует этого, Ваши <font color="#FF0000"> ПАЦИЕНТЫ </font> заслуживают <font color="#FF0000">ПЕНТАКС</font> !</marquee>
</td>
</tr>
<tr>
<td width="100%" colspan="3">
<hr width="100%" size="5" color="#FF0000" align="center">
</td>
</tr>
</TABLE>
<!--<font face="Arial" size="3"><font color="#FF0000">-->
<TABLE cellSpacing=0 cellPadding=2 border=0 width=72% align="center">
<TBODY>
<TR>
<td align=left>
<TABLE cellSpacing=3 cellPadding=5 border=0 width=72% height="50"> <!-- здесь менять расстояние между словами в главной менюшке-->
<TBODY>
<TR>
<TD class=tdtopmenu align=middle width=15%><A class=topmenu
onmouseover="timedisable(); activ('menu1')" onclick=ClickActiv()
onmouseout=timeactiv()
href="http://www.pentax-med.ru/#">Видеоэндоскопия</A></TD>
<TD class=tdtopmenu align=middle width=15%><A class=topmenu
onmouseover="timedisable(); activ('menu2')" onclick=ClickActiv()
onmouseout=timeactiv()
href="http://www.pentax-med.ru/#">Фиброскопы</A></TD>
<TD class=tdtopmenu align=middle width=15%><A class=topmenu
onmouseover="timedisable(); activ('menu3')" onclick=ClickActiv()
onmouseout=timeactiv() href="http://www.pentax-med.ru/#">Инструменты</A></TD>
........................................................................................................
Последний раз редактировалось: Laima (Вт Июн 08 2004 17:01), всего редактировалось 1 раз |
|
| Вернуться к началу |
|
|
Laima
Зарегистрирован: 20.05.2004
Сообщения: 14
|
| Добавлено: Вт Июн 08 2004 16:15 Заголовок сообщения: Вот так |
|
|
Что то с разметкой текста или для обрезанной по краям странички, надо по-другому делать что то...
Последний раз редактировалось: Laima (Вт Июн 08 2004 17:02), всего редактировалось 1 раз |
|
| Вернуться к началу |
|
|
Astaroth
Зарегистрирован: 17.05.2004
Сообщения: 453
Откуда: Питер
|
| Добавлено: Вт Июн 08 2004 16:53 Заголовок сообщения: Re: Сорри |
|
|
| Laima писал(а): | | первый блок два раза вставила |
Так подредактировала бы, чай зарегана на форуме
_________________
Не очеловечивайте компы - они этого не любят! |
|
| Вернуться к началу |
|
|
ЛиАна
Гость
|
| Добавлено: Пт Июн 11 2004 15:07 Заголовок сообщения: менюшка |
|
|
| подобная проблема у меня тоже была: попробуй убрать концевые сноски в тегах <DIV> и<A>, т.е что бы все содержимое ячейки размещалось в строку без пробелов между тегами |
|
| Вернуться к началу |
|
|
|
FAQ 
Поиск 
Пользователи 
Группы
Регистрация
Профиль 
Войти и проверить личные сообщения 
Вход 
