-O-J-A-

http://htmlbook.ru/css/overflow

резать на два куска самое то

уууу.... как же я забыл, это ж для ссылок только в 6, и спасибо большое!

Проблема возникла, не робит меню в ие 6.... не выпадает... HTML <ul id="css3menu" class="topmenu"> <li class="topfirst"><a href="http://presente-art.ru" title="Главная"> Главная</a></li> <li class="topmenu"><a href="#" title="Наша продукция"><span> Наша продукция</span></a> <ul> <li class="subfirst"><a href="/index/vyveski/0-4" title="Вывески">Вывески</a></li> <li><a href="/index/akrilajty/0-5" title="Акрилайты">Акрилайты</a></li> <li><a href="/index/flash_adbord/0-21" title="Flash ADboard">Flash ADboard</a></li> <li><a href="/index/svetovye_koroba/0-6" title="Световые короба">Световые короба</a></li> <li><a href="/index/obemnye_bukvy/0-7" title="Объемные буквы">Объемные буквы</a></li> <li><a href="/index/suvenirnaja_produkcija/0-8" title="Сувенирная продукция">Сувенирная продукция</a></li> <li><a href="/index/nagradnaja_produkcija/0-9" title="Наградная продукция">Наградная продукция</a></li> <li><a href="" title="Лазерная гравировка кожи">Лазерная гравировка кожи</a></li> <li><a href="/index/predmety_interera/0-20" title="Предметы интерьера">Предметы интерьера</a></li> </ul> </li> <li class="topmenu"><a href="#" title="Наши технологии"><span> Наши технологии</span></a> <ul> <li class="subfirst"><a href="/index/lazernaja_gravirovka_i_rezka/0-16" title="Лазерная гравировка">Лазерная гравировка и резка</a></li> <li><a href="#" title="Фрезерная гравировка">Фрезерная гравировка и резка</a></li> <li><a href="/index/vakuumnaja_formovka_i_termogib/0-17" title="Вакуумная формовка">Вакуумная формовка и термосгибка</a></li> <li><a href="/index/opisanija_otdelnykh_izdelij/0-23" title="Описание отдельных изделий">Описание отдельных изделий</a></li> <li><a href="/index/ispolzuemye_materialy/0-30" title="Используемые материалы">Используемые материалы</a></li> </ul> </li> <li class="topmenu"><a href="#" title="Наше портфолио"><span>Наше портфолио</span></a> <ul> <li class="subfirst"><a href="http://presente-art.ru/present-art.pptx" title="Скачать презентацию">Скачать презентацию</a></li> <li><a href="http://presente-art.ru/index/portfolio_vyveski/0-15" title="Вывески">Вывески</a></li> <li><a href="/index/portfolio_akrilajty/0-12" title="Акрилайты">Акрилайты</a></li> <li><a href="/index/portfolio_suvenirnaja_i_nagradnaja_produkcija/0-13" title="Сувенирная и наградная продукция">Сувенирная и наградная продукция</a></li> <li><a href="/index/portfolio_lazernaja_gravirovka_kozhi/0-18" title="Лазерная гравировка кожи">Лазерная гравировка кожи</a></li> <li><a href="/index/portfolio_interer_i_interernaja_reklama/0-22" title="Интерьер и интерьерная реклама">Интерьер и интерьерная реклама</a></li> <li><a href="/index/foto/0-27" title="фото">Фото</a></li> </ul> </li> <li class="topmenu"><a href="/index/o_kompanii_3decor/0-11" title="О компании 3Decor"> О компании</a></li> <li class="topmenu"><a href="#" title="Для партнеров"><span> Для партнеров</span></a> <ul> <li class="subfirst"><a href="" title="Регистрация">Регистрация</a></li> <li><a href="#" title="Вход">Вход</a></li> <li><a href="#" title="Гостевая книга">Гостевая книга</a></li> <li><a href="#" title="Форум">Форум</a></li> </ul> </li> <li class="toplast"><a href="#03" title="Контакты"><span> Контакты</span></a> <ul> <li class="subfirst"><a href="#" title="Наши телефоны">Наши телефоны</a></li> <li><a href="#" title="Форма обратной связи">Форма обратной связи</a></li> </ul> </li> </ul> CSS ul#css3menu,ul#css3menu ul{ margin:0;list-style:none;background-color:#000000;background-image:url("http://presente-art.ru/CSS3_Menu_files/mainbk.png");background-repeat:repeat-x;border-width:0px;border-style:solid;border-color:#999999;-moz-border- radius:4px;-webkit-border-radius:4px;border-radius:4px;} ul#css3menu ul{ display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#333;background- image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#5A5E60;} ul#css3menu li:hover>*{ display:block;} ul#css3menu li:hover{ position:relative;} ul#css3menu ul ul{ position:absolute;left:100%;top:0;} ul#css3menu{ padding:1px 1px 1px 0;display:block;font-size:0;float:left;} ul#css3menu li{ display:block;white-space:nowrap;font-size:0;float:left;} ul#css3menu>li,ul#css3menu li{ margin:0 0 0 1px;} ul#css3menu ul>li{ margin:1px 0 0;} ul#css3menu a:active, ul#css3menu a:focus{ outline-style:none;} ul#css3menu a{ display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 13px Arial,sans-serif;color:#cccccc;cursor:default;padding:10px;background-color:#787878;background-image:url("http://presente- art.ru/CSS3_Menu_files/mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;} ul#css3menu ul li{ float:none;margin:9px 0 0;} ul#css3menu ul a{ text-align:left;padding:8px 0 0 0;background-color:#333;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial,sans-serif;color:#cccccc;text-decoration:none;} ul#css3menu li:hover>a{ background-color:#ff5500;border-style:none;font:bold 13px Arial,sans-serif;color:#ffffff;text-decoration:none;background-image:url("http://presente-art.ru/CSS3_Menu_files/mainbk.png");background-position:0 100px;} ul#css3menu img{ border:none;vertical-align:middle;margin-right:10px;} ul#css3menu img.over{ display:none;} ul#css3menu li:hover > a img.def{ display:none;} ul#css3menu li:hover > a img.over{ display:inline;} ul#css3menu span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} ul#css3menu ul li:hover>a{ background-color:#333;background-image:none;border-style:solid;border-color:#262626;font-size:13px Arial,sans-serif;color:#ff5500;text-decoration:none;} ul#css3menu li.topfirst>a{ height:5px;line-height:5px;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;} ul#css3menu li.topfirst:hover>a{ line-height:5px;text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu li.topmenu>a{ height:5px;line-height:5px;text-shadow:#000000 0px -1px 1px;} ul#css3menu li.topmenu:hover>a{ line-height:5px;text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu li.toplast>a{ height:5px;line-height:5px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;} ul#css3menu li.toplast:hover>a{ line-height:5px;text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu ._>li>a{ padding:0;} ul#css3menu li.subfirst>a{ border-width:0;border-style:none;padding:0;} ul#css3menu li.subfirst:hover>a{ border-style:none;} li:hover ul, li.over ul { display: block;}

спасибо, буду копать

Всем доброго дня\вечера! Вот есть такой код жикверный, но у меня есть сомнения что он не совсем правильно работает (смысл в том что скрипт ищет нужные классы, если есть то показует нужную вещ), секций с продуктами должно быть большое количество и думаю нагрузка будет огромная. Если что не так я сделал, то покажите, буду очень благодарен. <style type="text/css"> .info{ width:200px; position:absolute; color:#999999; font-size:14px; font-family:Georgia,serif; background-color:#000000; background:url(pods.png); border:1px solid #cccccc; padding:4px; } </style> <script type="text/javascript"> $(document).ready(function(){ //Хлеб $(".baton").attr({ src:"baton.png"}); $(".baton").mouseover(function(e){$(document.body).append('<div id="prev" class="info"><img src="baton.png" align="left">батон</div>');}); $(".baton").mousemove(function(e){$("#prev").css({top:e.pageY+15,left:e.pageX+15});}); $(".baton").mouseout(function(){document.body.removeChild(document.getElementById("prev"));}); //Колбаса $(".kolbasa").attr({ src:"kolbasa.png"}); $(".kolbasa").mouseover(function(e){$(document.body).append('<div id="prev" class="info"><img src="kolbasa.png" align="left">колбаса</div>');}); $(".kolbasa").mousemove(function(e){$("#prev").css({top:e.pageY+15,left:e.pageX+15});}); $(".kolbasa").mouseout(function(){document.body.removeChild(document.getElementById("prev"));}); }); </script> <img class="baton"> <img class="kolbasa">

Вот делал работу, подобное было: <div id="menuDiv"> <a class="m" href="">Главная</a> <a class="m" href="">Услуги</a> <a class="m" href="">Помощь</a> </div> <script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script> </div> m - неактивный класс. ma - активный

Сделал еще проще, поставил max-width блоку, всё отлично!

Спасибо, попробуем)))

не помогает... то что от прокрутки я понял

Доброго дня, возникла проблема, если в window.open подгружать блок с фикс шириной и резиновой высотой, и если высота того блока больше чем в скрипте - появляется прокрутка по горизонтали, как это исправить? вот код: window.open('$URL$','upp','scrollbars=1,top=0,left=0,resizable=1,width=695,height=350');return false;

Понял, будем делать, спасибо

всем привет! Такое вот дело, делаю таймер и вот думаю как сделать логику чтобы писало дней или дня?

stars, большое спасибо за дельный совет)))) только учить некогда

Я снова тут, всем доброго дня\вечера\ночи\утра! Возник еще один вопрос по форме ввода, ниже код для формы ввода пароля, дело в том что при загрузке массивной страницы position absolute срабатует только в самом конце загрузки (тоесть слой на слой не накладуютса) , некрасиво выходит. Так вот, как тут можно смастерить преимущество в загрузке, или есть аналог без этого огромного js (явуянезнать), желательно сразу в onfocus? Заранее спасибо <style type="text/css"> label.overlabel-apply { position:absolute; z-index:1; color:#999; } </style> <script type="text/javascript"> function initOverLabels () { if (!document.getElementById) return; var labels, id, field; // Set focus and blur handlers to hide and show // LABELs with 'overlabel' class names. labels = document.getElementsByTagName('label'); for (var i = 0; i < labels.length; i++) { if (labels[i].className == 'overlabel') { // Skip labels that do not have a named association // with another field. id = labels[i].htmlFor || labels[i].getAttribute('for'); if (!id || !(field = document.getElementById(id))) { continue; } // Change the applied class to hover the label // over the form field. labels[i].className = 'overlabel-apply'; // Hide any fields having an initial value. if (field.value !== '') { hideLabel(field.getAttribute('id'), true); } // Set handlers to show and hide labels. field.onfocus = function () { hideLabel(this.getAttribute('id'), true); }; field.onblur = function () { if (this.value === '') { hideLabel(this.getAttribute('id'), false); } }; // Handle clicks to LABEL elements (for Safari). labels[i].onclick = function () { var id, field; id = this.getAttribute('for'); if (id && (field = document.getElementById(id))) { field.focus(); } }; } } }; function hideLabel (field_id, hide) { var field_for; var labels = document.getElementsByTagName('label'); for (var i = 0; i < labels.length; i++) { field_for = labels[i].htmlFor || labels[i].getAttribute('for'); if (field_for == field_id) { labels[i].style.textIndent = (hide) ? '-1000px' : '0px'; return true; } } } window.onload = function () { setTimeout(initOverLabels, 50); }; </script> <label for="password-field" class="overlabel" style="width:115px;height:20px;color:#9EA7AF;">Пароль</label> <input class="loginField" id="password-field" type="password" name="password" value="" style="width:115px;height:20px;border:1px solid #D8DCDF;color:#9EA7AF;"></input>

?

А если вот такое дело, сам основной блок трогать нельзя, то меню туда поместить никак такое?

Имеется горизонтальное меню ширина, оно розмещено в блоке с фикс. шириной по центру, нужно сделать так чтобы по бокам меню была полоса с такойже высотой как и меню, полоса резиновая. Аналогично с подвалом. Вот картинка...

Такое дело, как сделать чтоб у инпута был автоматически заполненный текст, а при клике он убирался?

Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?

нет, они находятса рядом, а если уменьшат экран то под низом....

в том то и дело, если укажу флота, то пливёт правый блок на лево если сжимать окно

на постой это постоянно и что то оно не катит... вот код #back1{ background:url('back.png'); width:442px; } #back1_v{ padding-left:13px; } #niz{ background:url('niz.png'); width:442px; height:11px; margin-top:-1px; } #verh{ background:url('verh.png'); width:442px; height:10px; } #back2{ background:url('back2.png'); padding-left:10px; } #back2_v{ padding-top:20px; padding-left:440px; } #back3{ } #back3_v{ padding-top:10px; padding-left:450px; } #left{ float:left; height:100%; } #right{ height:50%; } #block{ min-width:450px; height:100%; } .date{ font-size:12px; color:#717388; } .text{ color:#41788d; } .title{ color:#007ea7; font-size:15px; } .pre_title{ margin-top:1px; margin-bottom:5px; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>TITLE</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link type="text/css" rel="StyleSheet" href="main.css"> </head> <body> <div id="block"> <div id="left"> <div id="verh"></div> <div id="back1"> <div id="back1_v"> <img src="img.jpg" alt="img"> </div> </div> <div id="niz"></div> </div> <div id="right"> <div id="back2"> <img src="ugol.png" align="right"> <div id="back2_v"> <div class="date">4 июня 2010</div> <div class="text"> <div class="pre_title"><a href="#" class="title">Пятый Международный Кубок Владимира Дворковича.</a></div> За команду России выступают учащиеся Самарской шахматной гостиной. </div> </div> </div> <div id="back3"> <div id="back3_v"> <div class="date">24 июня 2010</div> <div class="text"> <div class="pre_title"><a href="#" class="title">Товарищеский матч между шахматистами городов Самара и Тольятти.</a></div> Положение. Проводится в самарском в шахматном клубе им Л.Полугаевского 11 июля 2010 г. </div> </div> </div> </div> </div> </body> </html> высота всеровно выходит динамичная

Такое дело, делаю два флоатовых блока, первый с резиновой высотой, второй тоже, и нужно чтобы второй блок был на постой с высотой 50% от первого

text-align