yopopt

Что мешает блоку с текстом задать position:relative и поставить для него z-index:2, а слою с абсолютным позицированием z-index:1?

Не знаю, я с рисунками не смотрел поскольку они фоновые и не должны ни на что влиять... Вот это специально для ие: //left: 140px; Остальные браузеры этого кода не видят. То есть Опера, Фаерфокс и тд будут видеть только left: 152px;

Dimitry Wolotko Не подскажите названия плагинов?

Баба страшная, аж жуть...

Можно обойти все строки с id: window.onload = function() { var trs = document.getElementById("cities").getElementsByTagName('tr'); for (var i = 0; i < trs.length; i++) { (trs[i].getAttribute('id')) ? trs[i].style.display = "none" : 0; } } Для этого необходимо в родительскую таблицу добавить id(у меня id="cities").

text-align:center для внешнего контейнера. Таблице margin:0 auto;

Приведите более конкретный код. Можно сделать кнопки фиксированной ширины и нарисовать background в виде: полоса - фон_шириной_кнопки_минус_ширина_полос - полоса.

Надо либо поставить другой доктайп, либо изменить код: LI UL { position: absolute; display: none; top: 0px; left: 152px; //left: 140px; z-index: 1 } А так-же перенести под все li: <li> <ul> <li> <ul> <li><a href="about/nakaz.shtml" class=brd>srsarbserbrb</a></li> <li><a href="about/statut.shtml" class=brd>srbsrbb</a></li> <li><a href="about/kerivn.shtml" class=brd>btftbdrbdbr</a></li> <li><a href="java script:ShowStructure()" class=brd>wewewewwew</a></li> </ul> <a style="background-image: url(img/triangle.gif)" class=brd>drbdsbrdbsbr</a> </li> <li><a href="about/divisions.shtml" class=brd>hjh,ghj,gj,gj,</a></li> <li><a href="about/rems.shtml" class=brd>blahrthdrthrdhtr</a></li> <li><a href="about/obladn.shtml" class=brd>fummmfmufumm</a></li> <li><a href="about/newtechn.shtml" class=brd>fynfnfnfnyfnfy</a></li> <li><a href="about/history.shtml" class=brd>fynfnnfnfnynfyn</a></li> </ul> <a style="background-image: url(img/triangle.gif)" class=brd>bsebsebserb</a> </li>

Опишите проблему более детально. В ч?м глюк-то?

Нет. Однако можно попробовать уменьшить время между е? появлением и выполнением скрипта. Вместо onload ждать появления элемента: function hide() { var msk = document.getElementById("msk"); if (msk != null && msk !== undefined) { msk.style.display = "none"; } var spb = document.getElementById("spb"); if (spb != null && spb !== undefined) { spb.style.display = "none"; } // и тд... else { setTimeout(function() { hide(); }, 0); } } hide(); Должно работать.

Это реклама Народа.

function display(elem) { if (document.getElementById(elem).style.display != "") { document.getElementById(elem).style.display = ""; //event.srcElement.innerText = "Скрыть"; } else { document.getElementById(elem).style.display = "none"; } return false; } В коде надо убрать class="address". На событи onload вешаете вызов этой функции передавая ей нужные id. Самое простое: window.onload = function() { document.getElementById("msk").style.display = "none"; document.getElementById("spb").style.display = "none"; и тд... }

Попробуйте вместо установки display:block просто сбрасывать значение display. Вот так ...display = ""; Но чтобы это заработало Вам прид?тся избавиться от класса "address"(или от display в н?м), прописав вместо него style="display:none;". Вообще, по хорошему, изначально надо оставлять вс? видимым, а яваскриптом скрывать. Иначе параноики ничего не увидят.

Нельзя запихивать блочный элемент в ссылку! Вместо <a onclick="return display('msk')" href="#" class="city"><h3>Москва</h3></a> Надо писать <h3><a onclick="return display('msk')" href="#" class="city">Москва</a></h3>

Кавычки забыли: onclick="return display('msk')"

О принципиально другом подходе не думал... Здесь же проблема с min-width. Можно сделать так: к классу .first ul добавить min-widthЖ100%, а всем остальным width:100%; #nav { list-style-type: none; position: relative; width: 100%; float: right; font-weight: bold; } #nav a { color: #FFF; text-decoration: none; } #nav li { float: left; padding: 12px 5px; position: relative; } #nav li.frst { margin-left: 15px; } #nav li.frst ul{ width: auto; min-width: 100%; } #nav li:hover { background: #3060AA; } #nav ul { display: none; list-style-type: none; background: #3060AA; position: absolute; top: 100%; left: 0; width:100%; } #nav li:hover ul { display: block; } #nav ul li { float: none; clear: both; padding: 5px; } #nav ul li a { font-weight: normal; display: block; }

В этом проблема: function display(elem) { if (elem.style.display != "block") { elem.style.display = "block"; //event.srcElement.innerText = "Ñêðûòü"; } else { elem.style.display = "none"; } return false; } Вместо elem.style.display используйте document.getElementById(elem).style.display

Я отвечал на это: И я ничего не говорил про span.

Блочный элемент засовывать в ссылку нельзя! Как вариант: <table background="./thumb.jpg"><tr><td><a href="#" style="display:block; width:100%;height:100%;">Link</a></td></tr></table>

Вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Пример</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> div{ float: left; background-color: #FFCC33; border: 3px solid #0099FF; border-width: 0 3px; } input{ background-color: #FFCC33; border: 0; font-size: 9px; padding-right: 3px; padding-left: 3px; } span{ display:block; float:left; } </style> </head> <body> <div><input type="submit" value="Отправить"></div><span>бла-бла-бла</span><div><input type="submit" value="Отправить"></div> </body> </html>

Интересно... Могу предложить использовать display:block; вместе с float. <html> <head> <title>Пример</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> span{ background-color: #000000; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #f0cc78; border-left-color: #f0cc78; font-size: 11px; display:block; float:left; } input{ padding-right: 4px; padding-left: 4px; font-size: 10px; background-color: #FBF0D9; text-transform: uppercase; color: #481109; border: 0px; font-family: Arial; } </style> </head> <body> <span><input type="submit" value="Отправить"></span> </body>

Потому-что задавать надо li li { margin: 5px; }

Хм, поменял шрифт - вс? в порядке, никаких глюков.

<!--[if IE]> <meta http-equiv="refresh" content="0;url=error.htm" /> <![endif]--> Вот и вс?. Это пойм?т только ие. Ещ? погуглите "условные комментарии".