Linblack

да именно это и влияло. поменял на пиксели, 165 примерно соответствовало 1920px. после смены на пиксели ничего не изменилось. пространство сбоку начинает появляться после установки в более чем 1300px в ширину, для slide и slidesecond. А для нормального отображения фона, нужно минимум 1920 (для соотв. мониторов). http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_4.html тут установил в 1300, посмотрите на отображение. все искажения бэка я убрал вроде. кроме тайтлов, но они не влияют ни на ширину ни на задний фон. ps сори что пропал на долго.

В общем все очень плохо. собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство. (в изначальном варианте стиля с этой страницей - эта проблема существовала). overflow-x: hidden только скрывает бегунок. проблема кроется в этом куске: Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу. width: 165vw; дает сильный сдвиг. (что за vw кстати? гугл не помог) зы если top поставить выше slide, без изменений - то будут нехилые искажения, первый раз такое вижу оО.

в общем уже голову сломал. нужно оптимизировать сайт для планшета. http://liderventfasad.ru/ нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг). на компе при клике это работает, а на планшете нет. что делать? помогите CSS .thumbnail{ position: relative; z-index: 0; } .thumbnail:focus{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; border: 1px solid white; visibility: hidden; color: white; font: 12px 'Tahoma'; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:focus span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 0px; /*position where enlarged image should offset horizontally */ } КОД <a class="thumbnail" href="#"><b>Алюминиево-композитные панели</b><span> <br>Алюминиевые композитные панели (АКП) — строительный облицовочный композитный материал. <br>Панели состоят из двух предварительно окрашенных алюминиевых листов толщиной до 0,5 мм, между которыми вклеен (запрессован) полимерный лист (на основе полиэтилена низкого давления). <br>Общая толщина пластины — от 3 до 6 мм. Основное применение — наружная облицовка с использованием технологии вентилируемого фасада.<br> Применяются также для внутренней моющейся, износостойкой облицовки в общественных местах (аэропорты, железнодорожные станции, больницы, рестораны и т. п.), для рекламных конструкций и временных выставочных павильонов.<br><br></span></a> Заодно не подскажете, где можно протестировать сайт для планшета? помимо http://www.itsait.com/ipad/

да нужен слайдер, и на js, который по видимому тут прилагается в открытом доступе. Уже вопрос в том как его установить просто. я понимаю прекрасно что в сети их просто тонны, но они на php в основном. Но этот выполнен очень качественно и красиво и как раз на js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="jquery.backstretch.min.js"></script> <script> $.backstretch("pot-holder.jpg", {speed: 500}); $("#pot-holder").click(function (e) { e.preventDefault(); $.backstretch("pot-holder.jpg"); }); $("#coffee").click(function (e) { e.preventDefault(); $.backstretch("coffee.jpg"); }); </script> вот скрипт, от заднего фона в том же архиве. и я не знаю к чему он и куда его пихать. т.е. то что выложил я качал не с оф сайта, и он какой то другой

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

я просто ничего не понимаю в js почти. думал изменить как то можно, хотябы покажите строчки в скрипте, отвечающие за то, где будет картинка. хотел бы сам разобраться и вникнуть в эту тему.

Нашел скрипт, плавно меняющий фон бекграунда на сайте. Нужно переделать так, чтобы скрипт менялся в определенной зоне (вроде листающего окна или слайдшоу). Это сами скрипты: http://warface-data.ru/jquery.backstretch.js http://warface-data.ru/jquery.backstretch.min.js Это код вставки на бекграунд (конец страницы). <script src="http://warface-data.ru/jquery.backstretch.js"></script> <script src="http://warface-data.ru/jquery.backstretch.min.js"></script> <script> // Создаем массив изображений. var images = [ "http://сайт/backgrounds/1.jpg", "http://сайт/backgrounds/2.jpg", "http://сайт/backgrounds/3.jpg", "http://сайт/backgrounds/4.jpg" ]; // Небольшой скрипт для предварительной загрузки изображений. // В нем нет острой нужды, но идея хороша. $(images).each(function(){ $('<img/>')[0].src = this; }); // Переменная index указывает на текущее используемое изображение. var index = 0; // Вызываем Backstretch в первый раз. // В данном случае используется скорость в 500ms для эффекта проявления изображений. $.backstretch(images[index], {speed: 3000}); // Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение. // Примечание: скорость проявления будет использоваться из первого вызова плагина. setInterval(function() { index = (index >= images.length - 1) ? 0 : index + 1; $.backstretch(images[index]); }, 8000); </script> Подскажите, возможно ли это вообще?

да все) из прошлого шаблона табличку на 3 колонки вставил. все работает) спасибо.

не работает. пробовал задать display:inline-block; для колонок и этого поля. и установить для поля nowrap. ничего не меняется..

я с вами точно спать не лягу сегодня) свич глянь дургую тему, последний штрих остался. спасибо помогли очень.

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

ндам. не все так просто.. "фон будете делать другим объектом внутри ссылки" подскажите как ссылку сделать? никогда такого не делал еще.

воот. шаблон весь сжимается, т.к. установлено max-width:1200; на всем шаблоне. а вот именно это поле перескакивает ниже. оно не изменяется

вот только текст искажает. наклоняет... .menu1 li a:hover {color:#ffffff; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: black;} так вот)