skiph

Спасибо за ответы. Теперь буду знать

Во всех трех браузерах шрифт Tahoma отображается по-разному, с этим можно что-нибудь поделать? В IE8 более-менее, а в Mozilla и Chrome как-то узко и коряво. С этим столкнулся при тестировании на ХР, хотя на Windows 7 все нормально отображается. Скрины прилагаю: Chrome, IE, Mozilla

Все! Нашел сам решение. Я уже это делал раньше, но забыл способ =) Если кому-нибудь понадобиться: необходимо обернуть этот враппер с выступающими элементами в другой враппер и в нем уже можно манипулировать размерами. получилось так: CSS #page-wrapper { min-width: 1024px; overflow: hidden; width: 100%; } #wrapper { width: 1024px; margin: 0 auto; position: relative; } #percents { width: 274px; height: 180px; position: absolute; background: url(../images/percents.png) no-repeat; right: -82px; top: 22px; z-index: 9; } HTML <div id="page-wrapper"> <div id="wrapper"> <div id="percents"></div> </div> </div>

Ну про него я знаю, но хотелось бы сохранять скролл, если размер экрана меньше 1024рх

Размер основной области как положено 1024px, но по дизайну есть выступы из этой области. Например левое меню выступает на 20рх слева, справа должен выступать декоративный элемент на 82рх, также еще блок справа должен выступать на 300рпх. При сужении окна, все эти выступающие элементы учитывается, хотя они находятся в враппере шириной 1024рх и у них задано абсолютное позиционирование внутри этого враппера. Моя же цель сделать так, чтобы скроллбары появлялись только если размеры основной области будут меньше 1024рх, все декоративные элементы и блок справа чтобы "съедались" Собственно пример моего кода с элементом который должен выступать на 82рх справа: CSS #wrapper { width: 1024px; margin: 0 auto; position: relative; } #percents { width: 274px; height: 180px; position: absolute; background: url(../images/percents.png) no-repeat; right: -82px; top: 18px; z-index: 9; } HTML <div id="wrapper"> <div id="percents"></div> </div>

Сейчас делаю граббер одного канала фидбернера. По умолчанию там выводятся 10 последних сообщений. Как можно достать больше? Вот лента: http://feeds.feedburner.com/wifi4free/ Искал ответ в API - ничего не нашел, может потому что я нуб? Плиз, подскажите народ знающий, очень надо!! Для примера на твиттере такое можно сделать, вот так: http://twitter.com/statuses/user_timeline/wifi4free_ru.atom?count=1000 Но мне оч нужно именно рсс сграбить.

Вот это наверное его имя, так как все методы начинаются после этой строки attachFlashEvents: function(element, audio) { Видимо, потому как это методы для флэш версии, в хроме в ие9 срабатывал другой метод (для хтмл5): нашел такие строки и добавил еще и туда: play: function() { var player = this.settings.createPlayer; container[audiojs].helpers.addClass(this.wrapper, player.playingClass); $.cookie("autoplay", "true", { path: '/' }); }, pause: function() { var player = this.settings.createPlayer; container[audiojs].helpers.removeClass(this.wrapper, player.playingClass); $.cookie("autoplay", "false", { path: '/' }); }, мой код стал работать и в хроме и в ИЕ... Можете, пожалуйста, подсказать как правильно сделать эти перехваты именно на самой странице, а не в коде библиотеки, хотя бы на примере одного. Дальше попробую разобраться сам.

понятно, что никто не будет разбираться, но подскажите хотя бы как мне вызвать нужную функцию? я изучил код и в нем есть такие функции pause, play - попробовал вписать код прямо в самой библиотеке в этих функциях: audio['play'] = function() { // If the audio hasn't started preloading, then start it now. // Then set `preload` to `true`, so that any tracks loaded in subsequently are loaded straight away. if (!audio.settings.preload) { audio.settings.preload = true; audio.element.init(audio.mp3); } audio.playing = true; // IE doesn't allow a method named `play()` to be exposed through `ExternalInterface`, so lets go with `pplay()`. // <http://dev.nuclearrooster.com/2008/07/27/externalinterfaceaddcallback-can-cause-ie-js-errors-with-certain-keyworkds/> audio.element.pplay(); audio.settings.play.apply(audio); //запись в куку $.cookie("autoplay", "true", { path: '/' }); } audio['pause'] = function() { audio.playing = false; // Use `ppause()` for consistency with `pplay()`, even though it isn't really required. audio.element.ppause(); audio.settings.pause.apply(audio); //запись в куку $.cookie("autoplay", "false", { path: '/' }); } потом на самой странице после вызова делаю проверку (запускать с параметром автоплєй или нет): if($.cookie("autoplay") !== "false") { audiojs.settings.autoplay = true; } Радикально, но по другому не знаю как и проблема в том, что данный код работает только в FF и Opera, Хроми и ИЕ игнорирует, то есть скорее всего в куку не записывается ничего..

Подключил к сайту библиотеку audio.js Все хорошо, работает стоп - плэй, но как сделать запоминание паузы в кукисах, чтобы на каждой странице оно не начинало заново играть? Если честно я не силен в js чтобы правильно задать этот триггер... п.с.: библиотека используется для фоновой мелодии на сайте.

Вот такая ерунда выходит, когда все слоя склеить

Приветствую! Дизайнер в шаблоне некоторым элементам сделал в шаблоне тени с помощью черно-белого слоя с помощью Multiply и при слиянии всех слоев для сохранения в прозрачный png естественно вылазит этот белый фон... Вопрос! Можно ли как-то это обойти, может я чего-то не знаю? Или пускай перерисовывает?

Попробуйте Cufon

Согласен. А что значит подтянуть? Куда подтянуть? подтянуть в смысле z-index'ом... Ладно, это и правда проще фоновой сделать.. мозг отказывает да действительно! Дело было в паддингах. Вы мне открыли глаза Хотя вариант с фоновой картинкой думаю будет экономнее...

Есть такое мега-крутое меню Верстается оно исключительно вручную и "на века"... У меня возникла проблем. На скрине красным отмечены пункты которые стали неактивными... Их можно подтянуть повыше? Вот код ХТМЛ: <div id="page-top"> <div id="actions"><a href="#"><img src="images/buttons/actions.png" alt="Акции"></a></div> <div id="models"><a href="#"><img src="images/buttons/models.png" alt="Модели"></a></div> <div id="games"><a href="#"><img src="images/buttons/games.png" alt="Игры"></a></div> <div id="deposits"><a href="#"><img src="images/buttons/deposits.png" alt="Пополнение счета"></a></div> </div> Вот ЦСС: div#page-top { position: absolute; } /* не рабоатает нифига */ div#actions, div#models, div#games, div#deposits { position: absolute; text-align: center; } div#actions a, div#models a, div#games a, div#deposits a { display: block; position: relative; z-index: 9999; } /* /не рабоатает нифига */ div#actions { background: url('../images/actions-block-bg.png') no-repeat; top: -59px; left: 78px; width: 178px; height: 76px; padding-top: 24px; z-index: 3; } div#models { background: url('../images/models-block-bg.png') no-repeat; top: -59px; left: 38px; width: 179px; height: 131px; padding-top: 79px; z-index: 2; } div#games { background: url('../images/games-block-bg.png') no-repeat; top: -57px; left: 208px; width: 148px; height: 108px; padding-top: 67px; z-index: 2; } div#deposits { background: url('../images/deposits-block-bg.png') no-repeat; top: -59px; left: 58px; width: 285px; height: 187px; padding-top: 138px; z-index: 1; } Есть конечно запасной вариант, взять сами баннеры вручную спозиционировать на места, как отдельные элементы...но это бред мне кажется

А дело это происходило из-за включенного в настройках Оперы "Подогнать размер окна по ширине"

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

фиксированная

Ваши блоки. Зачем рисовать фон за блоками, если его не видно всё равно? ааа, в этом смысле... так там на самом деле не совсем такие сплошные блоки.. я просто так области обозначил. Вообще там много разных элементов еще у которых на заднем плане должен быть именно этот фон) так что там без фона никак...

Если честно не совсем понимаю.. а что по центру будет? или для этого отдельно вырезать куски? Вот еще один скрин (без подписей).

Есть такой фон, специально нарисовал на нем блоки с обозначением где и что будет с учетом размеров на макете.. Может есть у кого в запасе хитрые способы как правильно такое сверстать? У меня есть только мысль банально разбить на три картинки центральную вырезать таким образом, чтобы она могла повторятся не портя дизайн (- хотя, это тоже хз как сделать... в нижней части контента начинается затемнение, которое при повторе будет портить всю картину). Также это все дело не по детски весить обещает: необходимо сохранить прозрачность по краям (png-24).. одна такая картинка занимает от 900кб до 1,5 мб

psywalker, вот это точно оно, спасибо! Главное, что я пробовал делать через table тоже, видимо не хватило опыта правильно применить...

по первому необязательно в принципе. Я обычно на 8 максимум обращаю внимание. по второму я пробовал делать нефикс, но получается не будет соответствовать дизайну, так что фиксированное это самое то в данном случае...

возможно, но как сэмулировать справа фон? Точно ведь не угадаешь сколько нужно пикселей. В той же опере будет по другому выглядеть. А ты можешь сделать тестовую страницу с примером. И показать скриншоты того, как нужно, чтобы было, во всех состояниях и как не нужно. Чтобы я точно увидел, что за картинки и т.д. И ещё вопрос: О каких пикселях идёт речь? Что ты имеешь ввиду? Вот например, специально сделал короткие подписи к пунктам меню http://tarja.ho.ua/test-html Как собственно их растянуть по всей длине желтой полосы? При том что текст может быть разной длины. Сделал фон из цельной картинки, так как по дизайну в любом случае должен торчать сбоку блок со сменой языка. На этом скриншоте эталон как должно вообще по идее быть (то есть пункты меню заполняют всю полоску меню). В принципе так как я делаю все получается так как нужно, кроме последнего пункта меню. При наведении там или не до конца заливается ховер или наоборот вылазит за область.

возможно, но как сэмулировать справа фон? Точно ведь не угадаешь сколько нужно пикселей. В той же опере будет по другому выглядеть.

Меню усложнилось, усложнилась и верстка... Вот есть новое меню с тенями, градиентами и все теми же бордюрами декоративными возле пунктов. Ничего другого не приходит в голову как делать на подобие предыдущего, но тут проблема в том что размеры пунктов меню разные и ко всему прочему вылазят бока в разных браузерах, хотя использую reset.css в Опере например отступы больше получаются чем в Мозилле и Осле. Вот мой код (и это без тени вокруг меню): div#navigation { width: 1012px; height: 48px; clear: both; margin: 8px auto; } div#navigation ul.menu { margin: 0 2px; } div#navigation ul.menu li { background: url('../images/menu-bg.png') repeat-x; display: block; float: left; list-style-type: none; list-style-image: none; } div#navigation ul.menu li a { display: block; background: url('../images/menu-border.png') left center no-repeat; text-align: center; padding: 16px 34px; } div#navigation ul.menu li.first a { background: none; } div#navigation ul.menu li a.active, div#navigation ul.menu li a:hover { background: url('../images/menu-hover.png') center repeat-x; border-right: 1px solid transparent; margin-right: -1px; position: relative; z-index: 1; } при этом пункты меню слазят немного влево, если выровнять пэддингами, то в Опере наоборот все съезжает, так как отступы больше получаются. А вот такое меню получается на практике. Пробовал сделать цельным желтый бэкграунд, но тогда ховер не до конца заполняет последний пункт.