okunev2

вот интересная инфа по такому меню: http://neveragainblog.com.ua/archives/63

да, но все же есть свои косяки в этом, нужно дорабатывать

нашел http://www.htmlbook.ru/content/?id=110

не понял, ты меня мне похожее меню нужно на css, видишь там у мен я картинка, у меню меню расположено горизонтально, когда наводишь например на один из пунктов меню, то подгружается новая картинка!

не работает

Как лучше сделать меню на css? Есть ячейки в таблице, там будет резаться верстка, когда наводишь на картинку, подгружается дргуая! Подскажите самы рабочий код, плиз!

не могу разобраться И как его реализовать и в этой прокрутке вывести текст

а по каким ключевым словам искал в гугле?

Ща будем пробывать переделать ))) Пасиб!

есть примеры?

Ребята кто подскажет код как лучше реализовать это, желательно чтобы потом внутри текст мог быть доступен для индексации поисковиками:

Я понимаю что здесь админы и модераторы Боги, но можете подсказать, плиз

Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }

Собственно вопрос в чем, как на css оформить (заменить) стандартную скнопку тэга На изображение рисованой кнопки?

ни кто не знает ап стену убьюсь!

Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: underline; } ul { padding: 0px 0px 0px 16px; margin: 0px; color: #153d47; } li { padding: 0px 0px 12px 2px; margin: 0px; list-style: none; color: #153d47; } li a { color: #153d47; } h1, h2, h3, h4, h5 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-weight: bold; } .title_news { color: #00c95f; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 14px; } h1 { color: #FFFFFF; font-size: 14px; padding: 0px; } h2 { font-size: 14px; color: #2E8DEF; padding: 4px 0px 16px 16px; } h1 a, h2 a { color: #2E8DEF; } h3 { font-size: 11px; color: #56A544; padding: 4px 0px 10px 16px; } h4 { font-size: 11px; color: #56A544; padding: 4px 0px 6px 0px; } h3 a, h4 a { color: #56A544; } h5 { color: #FFFFFF; text-transform: uppercase; font-size: 14px; padding: 0px; } h5 a { color: #6B7A8C; } p { padding: 9px 0px 9px 0px; margin: 0px; } hr, .hr { height: 1px; border: none; background-image: url(images/hr.gif); background-repeat: repeat-x; background-position: left top; margin: 10px 0px; padding: 0px; color: transparent; background-color: transparent; } .txt1 { color: #00c95f; } .container { width: 100%; border: none; min-width: 1000px; } .content-bg1 { background-color: #e0f5f8; background-image: url(images/content-bg1.gif); background-repeat: repeat-y; background-position: left top; } .content-bg2 { background-image: url(images/content-bg2.gif); background-repeat: repeat-y; background-position: right top; } .footer { background-image: url(images/footer21.gif); background-repeat: no-repeat; background-position: left top; color: #FFFFFF; height: 84px; } .footer a, .footer div { color: #FFFFFF; text-decoration: none; } .footer a:hover { color: #FFFFFF; text-decoration: underline; } #calendar-layer { color: #FFFFFF; } #calendar-layer span, #calendar-layer div, #calendar-layer td, #calendar-layer p, #calendar-layer a { color: #FFFFFF; } #calendar-layer .weekday { color: #ffca00; } #calendar-layer a { color: #fff497; text-decoration: underline; } #calendar-layer a.monthlink { text-decoration: none; } /* ——-- right column ——-- */ .subscribe { background-image: url(images/right/subscribe-bg.gif); background-repeat: no-repeat; background-position: left top; } .banner { padding: 20px 20px 20px 0px; text-align: center; } .rcol h1 { background-image: url(images/right/h1-bg.gif); background-repeat: no-repeat; background-position: left top; color: #FFFFFF; text-transform: uppercase; font-size: 13px; padding: 14px 0px 16px 60px; } .rcol span, .rcol div, .rcol td, .rcol p, .rcol a { color: #FFFFFF; } .rcol .block { padding: 26px 24px; } /* ——-- left column ——-- */ .lcol h1 { background-image: url(images/left/h1-bg.gif); background-repeat: no-repeat; background-position: left right; color: #FFFFFF; font-size: 13px; padding: 14px 0px 16px 100px; } .lcol span, .lcol div, .lcol td, .lcol p, .lcol a { color: #FFFFFF; } .lcol .block { padding: 14px 4px 10px 50px; } .lcol .banners { height: 150px; background-image: url(images/left/banners-bg.gif); background-repeat: no-repeat; background-position: left top; text-align: right; padding: 0px 60px; } /* ——-- main column ——-- */ .mcol h1 { background-image: url(images/middle/h1-bg.gif); background-repeat: no-repeat; background-position: left top; color: #fffaa9; font-size: 16px; padding: 18px 0px 36px 20px; margin-bottom: -14px; } .mcol span, .mcol div, .mcol td, .mcol p, .rcol a { color: #153d47; } .mcol .block { padding: 0px 30px; } /* ——-- pager ——-- */ td.pager { color: #2aaaba; text-align: center; font-weight: bold; } td.pager a { color: #2aaaba; padding: 4px; } td.pager a.act { color: #6cd307; font-size: 14px; } /* ——-- top ——-- */ #top-nav { position: absolute; width: 139px; height: 52px; right: 0; top: 16px; margin-right: 80px; } #top-register { position: absolute; width: 300px; height: 52px; right: 0; top: 172px; margin-right: 300px; color: #FFFFFF; } #top-logged { position: absolute; width: 300px; height: 52px; right: 0; top: 40px; margin-right: 200px; color: #FFFFFF; } #top-logged a { color: #FFFFFF; text-decoration: underline; } #top-register td, #top-register div { color: #FFFFFF; } #top-register a { color: #FFFFFF; text-decoration: underline; } #top-register input { color: #153d47; font-size: 10px; }

Ну давай покажи свои знания заплачу!

нда...

А по подробнее?

Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:

Все заработало, разобрался, но с этим чот не могу разобраться, вставил куда нужно, но не работает:

Есть готовы код и страница сверстаная, туда нужно добавить кое какой фукнционал из этого кода Ява! Исходники дам, нужно только добавить в нужное место код, спец по Яве поймет сразу! пишите в личку...

этот код Вы взяли из моего примера? это модифицировали: http://dump.ru/files/j/j41006430/ ? В IE и Мозиле он работает, а в Опере нет Вот Ява, которую хотел переделать по вашему примеру, но увы не могу понять что за что отвечает, может надо проще: function StripValue(value) { value = value + ''; //alert(value); tmp_length = value.length; value = value.substring(0, tmp_length-2); return value; } var BorderElement = document.getElementById('photo_place'); var isMSIE = document.attachEvent != null; var isGecko = !document.attachEvent && document.addEventListener; var DraggingItem = new Object(); function StartDrag (event, _this, _afteraction,BorderElement) { DraggingItem.This = _this; //Begin Of Additional parts of function for Unipak DraggingItem.Image = document.getElementById('scroll_image'); DraggingItem.Place = document.getElementById('scrolling_place'); DraggingItem.PlaceIn = document.getElementById('scrolling_place_in'); DraggingItem.PlaceIn.Width = StripValue(DraggingItem.PlaceIn.style.width); //End Of Additional parts of function for Unipak DraggingItem.AfterAction = _afteraction; DraggingItem.BorderElement = document.getElementById(BorderElement); DraggingItem.BorderWidth = StripValue(DraggingItem.BorderElement.style.width); DraggingItem.BorderHeight = StripValue(DraggingItem.BorderElement.style.height); DraggingItem.BaseWidth = StripValue(DraggingItem.This.style.width); DraggingItem.BaseHeight = StripValue(DraggingItem.This.style.height); //Begin Of Additional parts of function for Unipak //Получаем шаг сдвига внутреннего модуля на каждый пиксел сдвига ползунка DraggingItem.Minus = DraggingItem.PlaceIn.Width - DraggingItem.BorderWidth; if(DraggingItem.Step < 0) DraggingItem.Step = 0; else DraggingItem.Step = DraggingItem.Minus/DraggingItem.BorderWidth; //alert(DraggingItem.PlaceIn.Width + ' - ' + DraggingItem.BorderWidth + ' = ' + DraggingItem.Minus + ' | step = ' + DraggingItem.Step); //End Of Additional parts of function for Unipak var position = new Object(); if (isMSIE) { position.x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; position.y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; } if (isGecko) { position.x = event.clientX + window.scrollX; position.y = event.clientY + window.scrollY; } //alert(DraggingItem.id); DraggingItem.cursorStartX = position.x; DraggingItem.StartLeft = parseInt (DraggingItem.This.style.left); if (isNaN (DraggingItem.StartLeft)) DraggingItem.StartLeft = 0; DraggingItem.cursorStartY = position.y; DraggingItem.StartTop = parseInt (DraggingItem.This.style.top); if (isNaN (DraggingItem.StartTop)) DraggingItem.StartTop = 0; if (isMSIE) { document.attachEvent ("onmousemove", ProceedDrag); document.attachEvent ("onmouseup", StopDrag); window.event.cancelBubble = true; window.event.returnValue = false; } if (isGecko) { document.addEventListener ("mousemove", ProceedDrag, true); document.addEventListener ("mouseup", StopDrag, true); event.preventDefault(); } } function ProceedDrag (event) { var position = new Object(); //alert(DraggingItem.Step); if(DraggingItem.Step < 0) return; if (isMSIE) { position.x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; position.y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; } if (isGecko) { position.x = event.clientX + window.scrollX; position.y = event.clientY + window.scrollY; } document.getElementById('scroll_left').style.display = 'none'; document.getElementById('scroll_right').style.display = 'none'; var nextX = DraggingItem.StartLeft + position.x - DraggingItem.cursorStartX; if (nextX < -150) nextX = -150; DraggingItem.Image.src = 'images/scroll.gif'; if(nextX >= DraggingItem.BorderWidth - DraggingItem.BaseWidth) { DraggingItem.Image.src = 'images/scroll_right.gif'; //alert('change'); i = 0; nextX = DraggingItem.BorderWidth - DraggingItem.BaseWidth; //window.status = 'Coords' + nextX + '(' + DraggingItem.BorderWidth + '-' + DraggingItem.BaseWidth + ')'; } if(nextX < 0) { nextX = 0; DraggingItem.Image.src = 'images/scroll_left.gif'; } DraggingItem.This.style.left = nextX + "px"; DraggingItem.PlaceIn.style.left = 0 - nextX*DraggingItem.Step + "px"; //alert(DraggingItem.PlaceIn.style.left); var nextY = DraggingItem.StartTop + position.y - DraggingItem.cursorStartY; if (nextY > 360) nextY = 360; if(nextY > DraggingItem.BorderHeight - DraggingItem.BaseHeight) { nextY = DraggingItem.BorderHeight - DraggingItem.BaseHeight; //window.status = 'Coords' + nextX + '(' + DraggingItem.BorderWidth + '-' + DraggingItem.BaseWidth + ')'; } if(nextY < 0) nextY = 0; DraggingItem.This.style.top = nextY + "px"; if (isMSIE) { window.event.cancelBubble = true; window.event.returnValue = false; } if (isGecko) event.preventDefault(); } function StopDrag (event) { if (isMSIE) { document.detachEvent ("onmousemove", ProceedDrag); document.detachEvent ("onmouseup", StopDrag); } if (isGecko) { document.removeEventListener ("mousemove", ProceedDrag, true); document.removeEventListener ("mouseup", StopDrag, true); } if (DraggingItem.AfterAction) DraggingItem.AfterAction (DraggingItem.This); //WriteCoords(); } function PutBack (item) { item.style.zIndex = 2;; } function WriteCoords() { //alert(el.offsetLeft); //alert(el.offsetTop); var v_x = document.getElementById('offset_x'); var v_y = document.getElementById('offset_y'); v_x.value = StripValue(DraggingItem.This.style.left); v_y.value = StripValue(DraggingItem.This.style.top); }

Пасиб Понимаете все так сразу профессионалами не становятся, Сами наверное были такими в самом начале Я щас тоже постигаю многие вещи, их куча и сразу во всем ориентироваться не возможно! Каждый в своем деле спец, и не надо сразу тыкать человека что иди к черту от сюда не для тебя это, лучше подсказать и так сказать на путь истинный поставить. Не в обиду мужики!

<body onload="location.href='index.html'; return false;"> сделал так и страница зациклилась грузится без остановки! Что именно, не понял как использовать данный код?!