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;} так вот)

О_О все так просто? обалдеть просто. просто тупо весь код туда скопировать..

да исковрекал) menu1 этим обозначено то, что будет при наведении. это один стиль. параллелограммом обозначен собственно параллелограмм, который представляет собой другой стиль. как второе вписать на место background:#000000;? просто не представляю

в том и дело, что 100% закрепит эту ширину. а мне нужно. чтобы при уменьшении экрана, поле сжималось.

.menu1 li a:hover {color:#ffffff; background:#000000;} #parallelogram { width: 150px; height: 100px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: red; } выходящий вопрос, как вписать стиль в стиль? %)

http://test123234.ucoz.ru/news #maincol { float: left; background: #ffffff; max-width: 776px; } вот, не знаю что делать уже.. белое поле с новостями, должно растягиваться и сжиматься. делаю width: 776px; и оно все заполняет, все что положено. но при max-width: 776px; все обрезается до размеров текста. команду как будто не воспринимает.

Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.

спасибо, спас просто меня))

И так у меня проблема. http://test123234.ucoz.ru/news заказали сверстать, не могу решить одну проблему. в правой колонке видим - фон тайтла блока (картинку), background-position: 40px; этим способом я сместил фоновую картинку за границу шаблона так сказать. перед этим увеличил длину блока .blocktitle { width: 240px; что позволило сместить. слева этот метод увы не работает, т.к. сам шаблон рисуется слева на право как бы. вобщем нужно сделать аналогичное смещение для левой колонки. просто хотябы увеличить ширину blocktitle, с расширением в левую сторону. немного ломанно сказал. прошу помощи. background-position: 40px; это лишнее вобщем) нужно только блоктайтл сместить

в общем если установить <!DOCTYPE html> или любой док связанный с 4.01 то появляются искажения,но если поверх прописать <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">, то страница в эксплорере отображается нормально. но стоит переключиться между страницей без всех этих прописей вернуться на страницу с ними то снова ничего не работает. в валидаторе багов нет, если установить правильную кодировку. как xml пропись на это влияет не понимаю. похоже придется подстраивать шаблон под док, разницы я в них не нашел вообще, все имеют 1 эффект, какой выбрать? ______________ кароче <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> просто перебивало эффект. вопрос в том что выбрать, если эффект одинаковый?

а можно более развернуто? когда последний раз с доктайпом дела имел, искажало сильно все, почти при всех вариациях. как понял нужно чтобы автоматом определяло 16ю кодировку, по идее это должно быть автоматом на юкозовских но у меня не так, хз почему. <meta http-equiv="content-type" content="text/html; charset=UTF-8"> эта строка поидее должна, но вписывая 16 не изменится ничего.