100kd

Это наверное подойдет для того чтобы кнопочки прокрутки не соскакивали - это да, вы правы. Основная проблема в том, что слой с фотографиями расходится по всей ширины списка в ИЕ6.

Указана ширина списка, в котором содержатся фотографии, а слой в котором лежит список, должен быть ризиновым и поэтому не имеет строгой ширины. Кстати, даже если применить nowrap к слою, в котором лежит три слоя, кнопочки так и вылетают наверх, но основная проблема в том, что средний слой со списком в ИЕ6 расширяется сильно.

Хочу сделать горизонтальную, "резиновую" фотогалерею. Но загвоздка в том, что все браузеры молодцом, а ИЕ под номером 6 так и норовит слой с параметром { overflow: hidden; } раздвинуть по всей ширине списка в котором содержатся фотографии. Вопрос: возможно-ли что-то добавить, убавить, чтобы ИЕ6 прекратил раздвигать окно или есть какие-то альтернативные пути? HTML: <div id="gallery"> <a class="left_arrow png_bg" onclick="return(false)" href="#"></a> <div id="clip"> <ul> <li><a href="#" class="img" style="background:url(files/gallery/1.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> <li><a href="#" class="img" style="background:url(files/gallery/2.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> <li><a href="#" class="img" style="background:url(files/gallery/3.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> <li><a href="#" class="img" style="background:url(files/gallery/4.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> <li><a href="#" class="img" style="background:url(files/gallery/5.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> <li><a href="#" class="img" style="background:url(files/gallery/6.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li> </ul> </div> <a class="right_arrow png_bg" onclick="return(false)" href="#"></a> </div> CSS: #gallery { position: relative; } #gallery ul { margin: 0; padding: 0; list-style: none; width: 2000px } #gallery li { display: inline; vertical-align: middle; margin-top: 4px; margin-right: 4px; } #gallery ul li { float: left; } #clip { background:#FFF; overflow: hidden; height: 138px; margin-right: 19px; } a.left_arrow { display: block; float: left; cursor: pointer; width: 19px; height: 138px; background:url(i/arrow_left.png); background-position: 0px 0; } a.left_arrow:hover { background:url(i/arrow_left.png); background-position: -19px 0; } a.right_arrow { display: block; position: absolute; right: 0; top: 0; width: 19px; height: 138px; float: left; cursor: pointer; width: 19px; height: 138px; background:url(i/arrow_right.png); background-position: 0px 0; } a.right_arrow:hover { background:url(i/arrow_right.png); background-position: -19px 0; }

А ну да. Спасибо :-)

Спасибо :-) Если просто вставить в слой фоном, вместо рисунка, но оставить у слоя ширину и высоту, и так же сдвигать его вправо, то прокрутка остается. Поэтому я выбрал, по-моему, менее оптимальный путь. Просто вставил фоном в слой, который охватывает всю страницу (в общем то на уровне самого body ), картинку такого типа: Минус в том, что тяжелее подогнать картинку как надо, размер её стает больше и если наполнение будет по высоте ниже чем фоновый рисунок, то фон будет обрезан снизу. Было | Стало

Спасибо :-) Да. Карта была временной мерой. Сейчас все в дивах

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

В ИЕ 6 не работают верхние ссылки-картинки на сайте. Как исправить? Див, с вложенной картинкой, которая разбивается на ссылки, с помощью карты-изображения: <div id="main_links"> <img src="i/links.png" border="0" usemap="#Map" width="699" height="151" /> <map name="Map" id="Map" style="z-index: 100" > <area shape="rect" coords="4,85,174,140" alt="Скидки" href="/discounts.php?all#pc" /> <area shape="rect" coords="160,31,332,86" alt="Путешествия" href="/travel.php#pc" /> <area shape="rect" coords="326,87,501,140" alt="Проекты" href="/projects.php#pc" /> <area shape="rect" coords="342,0,507,53" alt="Гаджет" href="/gadget.php#pc" /> <area shape="rect" coords="514,53,690,109" alt="Афиша" href="/events.php#pc" /> </div> стиль для дива, с ссылкой-картинкой: #main_links { position: absolute; padding-top: 35px; padding-left: 250px; } P.S Кстати не только в этом примере замечал такую особенность, как исчезание активности ссылки. И происходило это в основном при позиционировании родительского дива, как absolute ...

vvsh, спасибо. Лично я выбрал LightBox2. Кстати, переделать дизайн под себя - не составляет труда.

Evgeny, спасибо!

Есть ли отработанные методы создания подобного открытия картинок?

Fu-tai и klierik, большое вам спасибо!

Имею горизонтальный список ссылок. Что нужно прописать в ul { }, чтобы список выводился так: А не так:

Как лучше деактивировать ссылку, пока пользователь находится по адресу той самой ссылки. Хотелось бы, чтобы ссылки и с поисковиками дружили и легко вводились. Например: я на главной странице сайта, ссылка - "На главную", заменяется на обычный текст. Перехожу на другие страницы, ссылка снова в работе. Есть ли оптимальные варианты кроме PHP? Дело в том что я работаю с движком DLE, а там, просто так в шаблон PHP не встроить.

Это объединяет две ячейки в одну, по вертикали. А ширина причем ? Вроде все нормально

Ой, я вообще неправильно прокомментил (исправил). А какой ячейки? Вроде все хватает

Я неправильно сформулировал видимо В целом, проблема возникает, когда в ячейку номер 3, вводится что нибудь, в моем случае строка со ссылками. И ячейка номер 2 при этомстановится длиннее чем указано в width , в общем коверкается все :-(

maddogrts, первая ячейка безразмерная, т.к таблица в целом резиновая. Вообще в первую таблицу должен фон загонятся и потом логотип

Делаю шапку для сайта. Делал вначале слоями, но в последствии оказалось, что отображается эта шапка не во всех браузерах хорошо. Сейчас таблицей сделал, и о ужас :-) с таблицей тоже не все гуд. Вот посмотрите таблицу (убрал картинки и стили, что бы было нагляднее) В комментах кода суть моей проблемы. Как сделать так, чтобы ячейки ?1 и ?2 оставались при своих размерах, независимо от введенных данных ячейки ?3. Заранее благодарю :-) P.S Таблица хорошо отображается только в Firefox 2

katya, да я все сделал. Благодарен, что хотели разбираться в моем коде

maddogrts, ой спасибо тебе, теперь все чики-пуки

Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.

Dle

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

Tokolist, спасибо