Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

jquery-lightbox (скролл)

Обсуждение темы jquery-lightbox (скролл) в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! В создании сайтов я любитель. Налепил вот такую штуку: http://винил161.рф/photo.htm Дело в том, что именно на этой странице не работает скролл, в ...


Закрытая тема
 
Опции темы
Старый 29.06.2011, 04:07   #1
Здравствуйте! В создании сайтов я любитель. Налепил вот такую штуку: http://винил161.рф/photo.htm
Дело в том, что именно на этой странице не работает скролл, в отличие от других страниц. Если на неё сделать масштаб поменьше, то все будет видно. На маленьких экранах такая страница будет жутко неудобной. Прошу помощи)

И вообще, где вставляю галерею jquery-lightbox пропадает скрол, подскажите, все чем причина?)

Добавлено через 41 минуту

А это код то самой страницы



Цитата:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>Фотогалерея</TITLE>
<meta name="Description" content="Ламинирование автомобиля Полное или частичное ламинирование, оклейка кузова пленкой аэрография на виниле , абразивная полировка кузова тонировка оптики в Ростове-на-Дону от компании Винил161">
<meta name="Keywords" content="тонировка стекла автомобиля, тонировка стекол автомобиля, мойка автомобилей, мойка автомобиля, виниловая пленка, пленка виниловая, кузов, полировка, полировка кузова, полировка кузова автомобилей, полировка кузова автомобиля, автовинил, виниловая пленка для авто, аэрография на авто, тонировка стекол автомобиля в Ростове, автовинил в Ростове, тонировка стекол автомобиля, цена, виниловый тюнинг, пленка для тонировки стекол автомобиля, полировка кузова, цена, виниловая пленка в Ростове, виниловая пленка, цены, оклейка салона, полировка царапин кузова, полировка царапин кузова автомобиля, мойка легковых автомобилей, полировка кузова автомобиля, цены, автоматические мойки автомобилей, стоимость тонировки стекол автомобиля, абразивная полировка кузова, абразивная полировка кузова автомобиля, механическая полировка кузова, виниловая пленка для авто, цены, оклейка виниловой пленкой, виниловая пленка для автомобиля, глубокая полировка кузова, глубокая полировка кузова автомобиля, защита лакокрасочного покрытия автомобиля">

<script type="text/javascript" src="style.css"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.color.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.js"></script>
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>

<!-- Include jQuery (Lightbox Requirement) -->
<script type="text/javascript" src="jquery_lightbox/js/jquery-1.2.6.pack.js"></script>
<!-- Include Lightbox (Production) -->
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>
<!-- Include Lightbox (Development) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.js"></script>-->
<!-- Include Lightbox (Production, No linkback) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js?show_linkback=false"></script>-->
<!-- Include Lightbox (Production, Manual baseurl) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js?baseurl=http://www.your.com/baseurl/jquery_lightbox/"></script>-->
<!-- Include Lightbox (Production, Disable scrolling) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js?scroll=disabled"></script>-->
<!-- Include Lightbox (Production, colorBlend forced support) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js?colorBlend=true"></script>-->
<!-- Include Lightbox (Production, No linkback + Disable scrolling) -->
<!--<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js?show_linkback=false&amp; scroll=disabled"></script>-->

<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META http-equiv=Content-Style-Type content=text/css>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
<style type="text/css">
<!--
.стиль1 {color: #FFFFFF}
-->
</style>
</HEAD>
<body id="body">
<div style="position:absolute;left:-3072px;top:0"><div class="width=100% height=100% align-left"></div><div class="align-left" width="1"></div><a href="http://garantinfo.com">
взл</a></div>


<div class="main">
<div class="main-bgr">

<div class="main-width">


<div class=custom id=custom style="width: 1px; height: 398px">


<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 553px; top: 140px" id="layer1">
&nbsp;</div>
</div>


<div class=content>
<div class=column-left>
<div class="block block-user" id=block-user-1>
<div class=bgr>
<div class=block-bgr>
<div class=title>
<div>
<div>







<H3>Меню</H3>



</div></div></div>


<div class=indent>
&nbsp;<UL class=menu>
<LI class="leaf odd"><a href="index.htm" class="стиль1">Главная</a> </LI>
<LI class="collapsed odd"><a href="uslugi.htm">Услуги</a> </LI>
<LI class="leaf even"><a href="price.htm" class="стиль1">Цены</a> </LI>
<LI class="leaf odd"><a href="photo.htm">Наши работы</a> </LI>
<LI class="leaf last even"><a href="contakt.htm">Контакты</a> </LI></UL></div></div></div></div>
<div class="block block-user" id=block-user-0>
<div class=bgr>
<div class=block-bgr>
<div class=title>
<div>
<div>




<H3>Новости</H3></div></div></div>



<div class=indent>


<P>&nbsp;<a href="http://vkontakte.ru/vinil161"><img src="http://foto.nnov.ru/psh200/0/55/dd/58/1d/7b/c2/9af0a353f45d06cb.gif" width=88 height=31 border=0 alt="Мы в Контакте"></a></P></div></div></div></div></div>



<div class=column-center>
<div class=welcome id=welcome>
<div class="block block-block" id=block-block-21>
<div class=bgr>
<div class=block-bgr>
<div class=title> </div>


<p><a rel="lightbox-myGroup" href="gallery/l1.jpg" title="Оклейка салона"> <img src="gallery/s1.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l2.jpg" title="Матовая крыша"> <img src="gallery/s2.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l3.jpg" title="Тонировка оптики"><img src="gallery/s3.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l4.jpg" title="Тонировка оптики(пленкой)"><img src="gallery/s4.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l5.jpg" title="Накладка зеркала - черный мат"><img src="gallery/s5.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l6.jpg" title="Тонировка оптики(пленкой)"> <img src="gallery/s6.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l7.jpg" title="Тонировка передних фар(пленкой)+виниловые реснички"><img src="gallery/s7.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l8.jpg" title="Общий вид"><img src="gallery/s8.jpg" alt="" /></a>
<a rel="lightbox-myGroup" href="gallery/l9.JPG" title="Нетбук - Флуоресцентная кислотно розовая пленка "><img src="gallery/s9.JPG" alt="" /></a>

<p>
<p>
<p>
<div class="clear"></div>
</div>
<div class="section">
<div class="desc">
</div ><div class="desc">

&nbsp;</div></div></div>
<div class=node>
<div class=indent>
<div class=border-top>
<div class=border-bot>
<div class=border-left>
<div class=border-right>
<div class=corner-left-top>
<div class=corner-right-top>
<div class=corner-left-bot>
<div class=corner-right-bot>
<div class=taxonomy></div>
<div class=text-box style="width: 273px; height: 91px">
&nbsp;&nbsp;
</div>
</div></div></div></div></div></div></div>
<p>Copyright © 2011
Винил161 &nbsp;</div>
<div class="align-left" alt="" height="67" width="1"></div>
<div class="align-left"></div></div></div></div></div></div></div></div><div class="width=100% height=100% align-left"></div><div class="width=100% height=100% align-left"></div></body></html>

Последний раз редактировалось HelloMoto; 29.06.2011 в 04:07.. Причина: Добавлено сообщение
 
Старый 29.06.2011, 04:07
Ссылки
Старый 29.06.2011, 11:37   #2
наличие или отсутствие скрола-это css-свойство overflow у элемента. проверьте какое оно у нужных элементов, например так:
Код:
<script>
 alert(document.getElementById('body').style.overflow);
</script>
 
Этот пользователь сказал спасибо redreem за это полезное сообщение:
HelloMoto (08.07.2011)
Старый 01.07.2011, 01:42   #3
Цитата:
Сообщение от redreem Посмотреть сообщение
наличие или отсутствие скрола-это css-свойство overflow у элемента. проверьте какое оно у нужных элементов, например так:
Код:
<script>
 alert(document.getElementById('body').style.overflow);
</script>
Извините, а можно подробнее)

Я открываю в редакторе свой style.css что там мне нужно найти или добавить?)

Добавлено через 5 минут

все получилось) рядом с overflow где добавил scroll вместо hidden) спасибо за наводку)

Последний раз редактировалось HelloMoto; 01.07.2011 в 01:42.. Причина: Добавлено сообщение
 
Старый 02.07.2011, 10:05   #4
e overflow много возможных параметров, может вместо scroll лучше auto?. так же есть разновидности - overflow-x и overflow-y.
 
Старый 02.07.2011, 10:05
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Lightbox 2 web_smile HTML, CSS, JavaScript 4 18.11.2011 09:19
Галерея фотографий или улучшенный Lightbox artogap HTML, CSS, JavaScript 1 16.08.2011 16:18
Не могу подключить lightbox в шаблон edraga HTML, CSS, JavaScript 2 28.09.2010 02:29
автоматический скролл sashas Технологии Flash 5 13.10.2008 20:40
Скролл в таблице Johnny HTML, CSS, JavaScript 6 17.03.2007 17:51


Текущее время: 03:21. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум