Switch74

и как она выглядит? могу предложить как вариант массив или можно использовать заранее зарезервированные адреса, например ссылке /link/1/ соответствует /images/1.jpg ссылке /link/2/ соответствует /images/2.jpg если первый вариант, то можно сделать так +: связи картинки и ссылок не зависят друг от друга -: громоздкий вариант <style> #rnd{position:relative;width:400px;height:150px; background:#ccc;} #rnd img{position:relative;width:400px;height:150px;} #rnd a.link1{display:block;position:absolute;top:50px;left:100px;width:50px;height:50px; border:1px solid #0b0;} #rnd a.link2{display:block;position:absolute;top:50px;left:250px;width:50px;height:50px; border:1px solid #00b;} </style> <div id="rnd"> </div> <script> var nn = { 1:{ 'img':'/images/1.jpg', 'link':{ 1:'/link/1/', 2:'/link/2/' } }, 2:{ 'img':'/images/2.jpg', 'link':{ 1:'/link/3/', 2:'/link/4/' } }, 3:{ 'img':'/images/3.jpg', 'link':{ 1:'/link/5/', 2:'/link/6/' } }, 4:{ 'img':'/images/4.jpg', 'link':{ 1:'/link/7/', 2:'/link/8/' } } }; function rnd() { var rnd = document.getElementById('rnd'); var n = Math.ceil(Math.random()*4); rnd.innerHTML = '<img src="'+nn[n]['img']+'"/><a href="'+ nn[n]['link'][1] +'" class=\"link1\"></a><a href="'+ nn[n]['link'][2] +'" class=\"link2\"></a>'; } window.onload = rnd(); </script> если второй вариант, то достаточно сделать так +:компактно и удобно -:зависимость ссылки от картинки <style> #rnd{position:relative;width:400px;height:150px; background:#ccc;} #rnd img{position:relative;width:400px;height:150px;} #rnd a.link1{display:block;position:absolute;top:50px;left:100px;width:50px;height:50px; border:1px solid #0b0;} #rnd a.link2{display:block;position:absolute;top:50px;left:250px;width:50px;height:50px; border:1px solid #00b;} </style> <div id="rnd"> </div> <script> function rnd() { var rnd = document.getElementById('rnd'); var n = Math.ceil(Math.random()*4); rnd.innerHTML = '<img src="/images/'+n+'.jpg"/><a href="/link/'+(n*2-1)+'/" class=\"link1\"></a><a href="/link/'+(n*2)+'/" class=\"link2\"></a>'; } window.onload = rnd(); </script> во втором примере формула расчета ссылки у тебя может быть другой я не знаю какая у тебя структура, просто хотел показать, что в любом из вариантов возможно реализовать то, что ты хочешь. Вместо абсолютнопозиционированных ссылок можно использовать карту, в первом варианте легко можно добавить и расположение этих ссылок и размер если вдруг на разных картинка зоны клика в разных местах. Фантазия вам в помощь и у вас получится

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

меня вот тоже интересует подобный вопрос, кто чем тестит?

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

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

могу предложить такой вариант: <style> .shadow{ position:relative; padding:0px 5px;} .shadow-left{ position:absolute; top:0px; left:0px; bottom:0px; width:5px; background:#999;} .shadow-right{ position:absolute; top:0px; right:0px; bottom:0px; width:5px; background:#999;} #content{ background:#ccc;} </style> <div class="shadow"> <div id="content"> content </div> <div class="shadow-left"></div> <div class="shadow-right"></div> </div> а еще можно так: <style> #content{ margin:0px 5px; position:relative; background:#ccc;} .shadow-left{ position:absolute; top:0px; left:-5px; bottom:0px; width:5px; background:#999;} .shadow-right{ position:absolute; top:0px; right:-5px; bottom:0px; width:5px; background:#999;} </style> <div id="content"> content <div class="shadow-left"></div> <div class="shadow-right"></div> </div> или так: <style> #content{ padding:0px 5px; position:relative; background:#ccc;} .shadow-left{ position:absolute; top:0px; left:0px; bottom:0px; width:5px; background:#999;} .shadow-right{ position:absolute; top:0px; right:0px; bottom:0px; width:5px; background:#999;} </style> <div id="content"> content <div class="shadow-left"></div> <div class="shadow-right"></div> </div> в каждом варианте свои нюансы

нет стилей, а вообще данное действо делается height:100%;

все поддерживается нормально, но это нужно хорошо оформить на сервере + в адресной строке пробелы будут заменяться на '%20', часто чтобы это избежать их меняют на '_', '-' или '+'.

если ссылка находится на странице в iframe, попробуй target = "_self" а вообще для подобных ссылок указывать таргет не обязательно

Напиши после обнуления маргина и паддинга стиль для списков или применяй обнуление только к боди, но по мне лучше обнулять маргин и паддинг для всего и делать свои стили для всех элементов, так они будут боле мене одинаково смотреться во всех браузерах

для роботов лишним не будет

обычно это происходит, если где-то есть overflow:hidden

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

я правильно тебя понял? internet -> site -> lan хочешь, чтобы человек зайдя на сайт из инета увидел файл находящийся в сети? это не возможно! выход: 1.закачать файлы из локали на сервер, где лежит сайт 2.разместить машину с нужными файлами из локали в инете

ну здесь то он грамотно используется

с этим согласен. http://jsfiddle.net/4xDxK/4/ - этот пример для меня? он отвечает тем требованиям которые мы обсуждали выше, но он явно не доделан

т.е. ты это предлагаешь делать через JS?

Это я подробно описал свою точку зрения в одном посте. Интересно как ты сделал бы табы, чтобы высота контента не влияла на родителя, можешь сделать пример? только давай сразу с учётом пожелания автора, контент слайдится от одного к другому по горизонтали как в примере. А про то, что высота 3го влияет на высоту 1го я не писал, не понимаю откуда ты это взял. Вот так ты читаешь тему, он сразу сказал, что хочет сделать сладер для контента. Про фиксед я писал выше. К тому же ты сам сказал или ты что-то другое хотел зафиксировать а не футер? И можно пример с фикседом и меньшей замороченностью?

а если для этих целей сделать возможность скрывания футера и топа для увеличения полезной рабочей области (по сути нужно только меню навигации и контент)

если делать резиновый контент в данной ситуации, то выгоднее было бы сделать футер фиксированным

А jquery почему-то блокирует смену type для input

1. не знание серверного языка 2. отсутствие на хостинге поддержки ...причин много...

если ты понимаешь что он хочет, попробуй объяснить мне что он хочет. Если мало контента у меня футер прибивается к низу браузера, если много контента, то появляется бегунок для его просмотра как в примере на третьей вкладке. Это я сделал, чтобы контент при уменьшении размеров окна меньше 200px было видно и он не исчезал совсем как в примере (попробуй уменьшать высоту браузера, в конце концов top и footer схлопнут контент и от него ничего не останется, если тебя это устраивает убери из css min-height) учти, что у автора на одной странице может быть несколько разноразмерных контентов, все они находятся в одном контейнере и все они влияют на высоту. Предположим в том что показывается по умолчанию мало контента(1 строчка), а тот что скрыт очень много(1000строк): тогда получится что у нас на сайте будет показываться 1строка и придётся очень много крутить сайт вниз, чтобы увидеть футер. Данную реализацию не стоит делать резиновой больше размеров окна браузера. В примере всё грамотно сделано. Если ты не согласен выскажи свою точку зрения, если что-то не понял задавай вопросы.

хм.. а все смотрели как отрабатывает данная реализация? футер всегда внизу, контент растягивается на всю высоту браузера. min-height нужен лишь для того, чтобы контент совсем не исчез при сужении окна браузера меньше чем на 200px, если вам это не нужно уберите его. Если футер должен быть прижат к полу браузера, сделайте ему position:fixed;, но данного условия я не заметил В моём примере сделано на подобие выложенных примеров 1 и 2 если сильно не нравятся position:absolute; легко можно перейти к реализации как у Freakmeister

хм.. Nanto, а при чём тут JS?