mishka

В чем проблема? Непонимаю. Если дизайнер крутой, то он нормально сконвертет свои ваяния в кореле в формат фотошопа.

Так как это табличка то ей не нужно указывать явно ширину для центрирования. margin: 0 auto; вполне достаточно.

<dl class="content5"> у вас: <dl> <div> траляля </div> </dl> должно быть: <dl> <dt> заглавие </dt> <dd> описание </dd> </dl>

Ну наконец-то я понял что это Это же на картине запечатлено осеннее туманное утро на окраине кладбища. И тогда даже лозунг отлично вписывается. Оно то и не осень, но по осеннему грустно.

В общем - унылое болото. Вердер, правда, это не лучшая работа. Смотря на картину, представляеться не спокойная жизнь, а того и гляди вурдалак выпрыгнет. Фикс мне больше понравился. на широком мониторе - все таки слишком широко, а если сузить - края прилипают.

var playint; - глобальная переменная function AutoPlay() { playint = setInterval(faderight, 5500); // - если тут поставить var вначале строки, то эта переменная будет видима и иметь значение (setInterval(faderight, 5500);) только в пределах этой функции, поэтому используем глобальную переменную. } function AutoStop { if(playint) playint = clearInterval(playint); // if(playint) - такая маленькая проверка убережет от возможной ошибки, если setInterval(faderight, 5500) незапущен, а мы его будем пытаться останавливать. }

Хм, вот это можно в рамочку взять, и на стену.

Вот поэтому немцы делают мерседесы, а русские автотазы. А че? Они тоже рабочие

http://www.xiper.net/collect/html-and-css-...ect-jquery.html Вот довольно неплохой, простой в использовании, и приближенный к стандартному поведению.

ты возможно непонял, но тут вот человек попытался тебе помочь:

Вид странички зависит только от дизайна, а не от использованных средств и технологий. Опять же, не забывайте что верстку делал новичек. Например можно посмотреть код Светланы, там все очень достойно.

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

например высота блока по дефолту 300. тогда согласно проверке: this.scrollHeight > 150 ? '150px' : 'auto' ставиться высота 150 (так как 300 > 150) и тут же сразу проверяем(так как данный експрешн выполняеться непрерывно) и получаеться что 150 не больше 150, значит выполняеться второе действие, и ставиться высота 'auto', значит увеличиться до 300, и сразу срабатывает первое действие. Конечно при таком напряге зависнет.

так что мешает стилями линку растянуть? убрать релейтив с абзаца, а на dd поставить релейтив. Линку вынести с абзаца, и положить как дочерний элемент dd. для линки position: absolute; top: 0; bottom: 0; width: 100%; и никаких бордеров. в некоторых браузерах линка может быть не кликабельна, так как нету бг, и она пуста. На помощь прихобит бекграунд из прозрачного гифа 10х10. для ие6 експрешн для линки, который растянет ее на высоту родителя height: expression(parentNode.offsetHeight + 'px');

У меня тоже все довольно скушно

ИМХО переверстка - не самая хорошая идея. За ней последуют: заново натягивать на CMS, заново переписывать скрипты. Тоесть имеем работающий сайт, получим дополнительный гемор, и не факт что CMS все будет выводить валидно. Подправить то шаблоны нужно, чтобы не выводило такого: <h3><h3>Заголовок</h3></h3>, но полное переделывание сайта... Стоит ли оно того? Работает - не трогай.

чегоб ему работать? это что за ... $(document).ready(function() { alert('опа-па') }); если сделать так: function setWidth(w, h, c) { w = (w + 5) + "px "; h = (h - 12) + "px "; $("a." + c).css({ borderWidth: h + w }).text(c); } $(document).ready(function() { setWidth($(this).width(), $(this).height(), $(this).attr("class")); }); то функция setWidth запуститься, но ей передадуться неопределенные параметры, так как при наведении на див $(this) - это была сама нода на которую навели мышкой. Зачем делать отображение этих линок пои закрузке с помощью джс? С этим цсс прекрасно справляеться.

<pre><code> первая строка кода вторая строка кода третья строка кода </code></pre> нормально опера отображает этот код. Ну а вы если будете надеяться на предсказателей которые гадают по фотографии, то еще долго ждать будете ответа.

Конечно по скрину остаеться только догадываться в чем проблема, а вот приведенные 5 строк кода, 3 из которых просто текст, содержат ошибку!

Фикс бага для хрома и сафари. jQuery.fn.anchorScroll = function(options){ var options = jQuery.extend({ duration: 300, easing: 'swing', locationReplace: true }, options); return this.each(function(){ var $this = jQuery(this), _hash = this.hash, _window = jQuery.browser.safari ? jQuery('body:eq(0)') : jQuery('html:eq(0)'), _boxTo = jQuery(this.hash), _duration = options.duration, _easing = options.easing, _locationReplace = options.locationReplace; if(_boxTo.length && _boxTo.is(':visible')){ $this.bind('click', function(){ _window.animate({scrollTop: _boxTo.offset().top}, {queue: false, easing: _easing, duration: _duration, complete: function(){ if(_locationReplace) location.hash = _hash.replace('#', ''); }}); return false; }) } }) }

могу дать свой notepad++ русский, с нужными дополнениями. Советую сразу в нем пидалить. Сам долго на PSPad сидел, но вот перешел на notepad++ и ничуть не жалею если интересно - стучи в аську

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>anchorScroll</title> <style type="text/css"> #wrapper { width: 70%; margin: 0 auto; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ jQuery('a[href^="#"]').anchorScroll(); }) // anchorScroll jQuery.fn.anchorScroll = function(options){ var options = jQuery.extend({ duration: 300, easing: 'swing', locationReplace: true }, options); return this.each(function(){ var $this = jQuery(this), _hash = this.hash, _boxTo = jQuery(this.hash), _duration = options.duration, _easing = options.easing, _locationReplace = options.locationReplace; if(_boxTo.length && _boxTo.is(':visible')){ $this.bind('click', function(){ jQuery('html, body').animate({scrollTop: _boxTo.offset().top}, {queue: false, easing: _easing, duration: _duration, complete: function(){ if(_locationReplace) location.hash = _hash.replace('#', ''); }}); return false; }) } }) } </script> </head> <body> <div id="wrapper"> <a href="#id1">id1</a> <a href="#id2">id2</a> <a href="#id3">id3</a> <a href="#id4">id4</a> <p>Lorem ipsum dolor sit amet consectetuer nulla eros a Nam ut. A wisi Phasellus nulla porttitor semper id et facilisis sapien Nullam. Leo lobortis condimentum sit In quis et ligula id Suspendisse Sed. Orci gravida Integer pede enim metus nibh nec cursus vitae a. Pellentesque Pellentesque eget Aliquam dictum wisi tristique ligula massa id diam. Ante convallis Aenean Nam at ac urna libero a eleifend facilisis. Nunc condimentum massa venenatis orci mauris elit faucibus pellentesque vel leo. Hendrerit lorem gravida eros orci Aenean nascetur Vestibulum sed nibh sed. A id libero nec Cras Pellentesque dui tincidunt eu tincidunt nulla. Pretium condimentum Proin Aenean at tincidunt urna senectus Lorem enim Nunc. Magnis facilisi Vestibulum turpis gravida id id lacus pulvinar tempor nulla. Aenean neque velit vitae dapibus elit In consequat ultrices enim vestibulum. Sed risus nibh nulla massa egestas.</p> <div id="id1">1</div> <p>Justo convallis convallis suscipit sem mus ipsum id Sed dui Donec. Pede Nam pede semper congue quis sit ullamcorper eu a nec. Tincidunt odio ligula dis consectetuer est Pellentesque pede elit dui lacus. Porttitor dictum orci eu amet Nullam eu neque vitae consectetuer semper. Accumsan facilisi leo accumsan Nam laoreet ut parturient ut ipsum tempus. Et faucibus molestie orci fringilla leo enim pellentesque laoreet pretium nec. Sed metus magna Integer ut tempus elit ut nibh congue consequat. Tristique eget Ut mauris consequat Donec vel Morbi orci et ac. Sem elit eu Sed vitae hendrerit orci nulla Curabitur ornare Integer. Orci elit id justo Maecenas ac leo.</p> <p>Elit Sed In cursus eleifend Suspendisse nisl ac gravida et pellentesque. Lacinia ipsum Nam id consectetuer nec Curabitur eleifend nulla et odio. Curabitur est Nam Nam orci Morbi Integer ac consequat ut fames. Quis condimentum sollicitudin congue orci ac congue interdum at a mollis. Enim dui morbi urna magna et Nullam felis Donec justo mattis. Lacus condimentum elit enim facilisi condimentum convallis amet pede Donec Proin. Nam cursus pede Aenean dictumst tellus eros mattis sem Aenean parturient. Convallis semper Quisque nunc lacinia urna tellus Lorem Nam Donec quis. Lacus Mauris Sed condimentum ante Vivamus et tortor pellentesque et sed. Sapien dui felis elit ante rhoncus Aenean mus Proin In ac. Justo metus pretium tellus lacinia at at id pretium tempus fames. Montes id non habitasse vel fringilla hendrerit tellus eget et lacinia. Aenean turpis accumsan sed elit turpis platea orci quis fames Aenean. Pretium feugiat arcu et quam.</p> <div id="id2">2</div> <p>Odio ut Nunc et ipsum Nam turpis Curabitur risus volutpat Vivamus. Dolor Sed Nunc et pretium lacus nibh hendrerit sodales magna nibh. Convallis ante morbi volutpat venenatis at ut Morbi Nulla feugiat Nulla. Ut pretium leo netus vel facilisis odio nascetur Curabitur ac quis. Wisi sagittis felis sed Nam ac Phasellus sed laoreet et hendrerit. Sem urna est leo pharetra tellus nunc Pellentesque a ut lorem. Parturient et facilisis pretium porttitor mi Praesent sem Curabitur Phasellus libero. Nec lobortis pellentesque ipsum fermentum orci eu feugiat tincidunt adipiscing interdum. Pellentesque Praesent ornare morbi risus fermentum wisi tellus vel hendrerit urna. Justo fermentum justo urna laoreet hendrerit eleifend facilisi Integer interdum Vestibulum. Ut Nulla felis lobortis semper est a Phasellus Pellentesque Curabitur at. Consectetuer elit pede non adipiscing aliquet ac condimentum parturient eu adipiscing. Nibh eu massa fringilla.</p> <p>Ut Sed convallis rhoncus auctor Phasellus Nam nec convallis non tortor. Egestas dictumst mollis tempor ante Nam Vivamus eu lorem Nulla sem. Ullamcorper ut ut mauris accumsan nibh congue et ac enim egestas. Et dapibus commodo consequat sociis id semper habitasse ut wisi fermentum. Ac Nunc Aliquam porta ridiculus eu eu Nulla vitae dui felis. Tempor et sociis id ligula Curabitur turpis at sapien consequat sagittis. Ut wisi velit diam sagittis quis quis dolor magna enim laoreet. Pede id interdum volutpat Cum Curabitur egestas magnis consequat pretium Mauris. Aliquam semper semper est condimentum ut nibh vestibulum Ut wisi wisi. Mollis ligula pharetra fames.</p> <p>Aliquam vel Maecenas quis in augue Quisque elit sagittis eget eu. Sed dui Curabitur Nulla neque feugiat et wisi Nam vitae nulla. Ante tempus neque elit felis Integer tortor malesuada non egestas nunc. Risus consequat et Nunc Quisque interdum aliquam Nullam dignissim pulvinar quis. Sed Vestibulum vestibulum mus pharetra dolor Phasellus turpis ut tellus lacinia. Neque a lorem eget eu massa nec feugiat tortor laoreet vitae. Duis vel arcu Nam facilisis porttitor consectetuer et Vestibulum elit sed. Odio pretium massa netus interdum dui laoreet risus velit et nibh. Velit leo convallis purus vitae semper eu nunc Mauris ac ac. Augue vel elit auctor elit tempor id tempus eget.</p> <p>Urna commodo nulla egestas Nunc In et Curabitur consequat dapibus Sed. Eros eu dolor vitae ac Nam sed Integer et auctor parturient. Pede Vestibulum Quisque habitant eros leo justo tristique Sed interdum adipiscing. Nunc Curabitur velit Quisque id tellus leo Quisque Aliquam et ante. In convallis euismod non vel consectetuer nec ut Lorem vitae quis. Vestibulum vel sed velit netus justo adipiscing arcu turpis quis orci. Sed Vestibulum hendrerit nibh eros dui non sapien risus Sed convallis. Justo urna wisi semper amet In Sed mi lacinia enim Cras. Mauris senectus quis suscipit tortor convallis dictum felis Sed odio Quisque. Dui tortor.</p> <div id="id3">3</div> <p>Mollis malesuada est facilisi pharetra velit eget pede Vestibulum pede elit. Quis porttitor ipsum pharetra elit tempor faucibus Sed congue tristique at. Elit urna interdum ipsum Nam elit est sed volutpat egestas Nulla. Eu nonummy felis elit a justo Integer Nullam hendrerit a Ut. Tristique consequat Nam nulla id tellus sem elit dolor condimentum vitae. Vitae quis convallis ante condimentum tristique elit nulla nec rutrum ante. Sed augue metus ligula convallis feugiat ullamcorper lacinia Curabitur felis accumsan. Eget hendrerit ut est eu cursus adipiscing Sed tincidunt at consectetuer. Nunc tempor natoque libero sem et dolor purus sed aliquet et. Pulvinar Aenean eleifend orci suscipit dictumst id pede semper sit vitae. Vestibulum Sed gravida id neque orci adipiscing consectetuer ligula felis scelerisque. Wisi congue lacus mauris id faucibus ipsum semper volutpat morbi.</p> <p>Consequat ullamcorper elit malesuada lorem tincidunt ante porttitor volutpat Maecenas Sed. Pellentesque Phasellus sociis turpis egestas lacus Curabitur augue tortor nibh orci. At Vivamus tortor consectetuer Pellentesque ac urna Suspendisse non egestas lorem. Enim sapien orci tellus Sed Vivamus interdum Nam wisi congue Integer. Donec Vestibulum pellentesque odio semper est Nam ridiculus mi elit Nulla. Cursus dui libero odio Pellentesque Proin laoreet nec eu convallis tincidunt. At dolor Nulla faucibus Morbi vel tincidunt nibh sapien Vivamus mi. Congue quam sem orci semper natoque et convallis elit a montes. Velit Nulla et velit quis sodales leo Donec pede Nulla mauris. Nulla vel nec accumsan tempor convallis Vestibulum pede sem consectetuer.</p> <div id="id4">4</div> <p>Venenatis odio magnis non Nam ullamcorper morbi Aliquam Phasellus et Nam. Metus consequat quis mauris neque felis Nullam turpis Maecenas ante Sed. Urna sem quis magna Curabitur sollicitudin Pellentesque pulvinar mollis Mauris ipsum. Elit et sociis eros tincidunt aliquam pellentesque Aenean Nullam ut risus. Ut in vel orci eget et pellentesque tincidunt ultrices amet non. Dolor metus semper ligula magnis ut id Quisque dolor quis lorem. Vitae In amet dolor lacus malesuada porttitor ridiculus magnis Curabitur pulvinar. Justo a pulvinar tincidunt montes lacus Morbi id sed a justo. Tellus augue Lorem Fusce penatibus ut nonummy justo congue sodales nunc. Hac elit quis Aliquam porttitor montes ut eros montes massa mattis. Sed tincidunt ante.</p> </div> </body> </html>

Было дело, тут спрашивали как такое осуществить. Сегодня была такая задача, и я ее реализовал, конечно не на чистом JS, а с помощью jQuery. Но все же поделюсь своим кодом, мож кому пригодиться. Из плюсов: при отключенном джс работает как обычный якорь. Можно менять время за которое будет осуществлена прокрутка, и также можно менять easing, если дополнительно подключить плагин изинга (http://gsgd.co.uk/sandbox/jquery/easing/) подключение jQuery('a[href^="#"]').anchorScroll(); сам плагин // anchorScroll jQuery.fn.anchorScroll = function(options){ var options = jQuery.extend({ duration: 300, easing: 'swing', locationReplace: true }, options); return this.each(function(){ var $this = jQuery(this), _hash = this.hash, _boxTo = jQuery(this.hash), _duration = options.duration, _easing = options.easing, _locationReplace = options.locationReplace; if(_boxTo.length && _boxTo.is(':visible')){ $this.bind('click', function(){ jQuery('html, body').animate({scrollTop: _boxTo.offset().top}, {queue: false, easing: _easing, duration: _duration, complete: function(){ if(_locationReplace) location.hash = _hash.replace('#', ''); }}); return false; }) } }) } Как всегда, хочется все сделать универсально и без багов, поэтому какие замечания, предложения - пишите.

Ну так все правильно, ие6 не понимает фиксед, вот ты ему и влепил абсолют. Но абсолют считается от верха странички. Тоесть для ие6 тебе еще придеться добавлять $(window).scrollTop()

Какойто психодилический разговор ТС самого с собой про какое-то таинственное ЭТО