Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.05.2010, 19:05   #1
Garret13
Новичок
Джуниор
 
Регистрация: 10.05.2010
Сообщений: 1
По умолчанию как нужно изменить код, что бы отображение картинок было корректным?

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

вот код галереи:

<style type="text/css">
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:transparent url(11111.jpg) 10px 54px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:485px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid: #aaa; margin-left:5px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(thumb2.jpg);}
a.slideb {background:url(thumb3.jpg);}
a.slidec {background:url(thumb4.jpg);}
a.slided {background:url(thumb5.jpg);}
a.slidee {background:url(thumb6.jpg);}
a.slidef {background:url(thumb7.jpg);}
a.slideg {background:url(thumb8.jpg);}
a.slideh {background:url(thumb9.jpg);}
a.slidei {background:url(thumb10.jpg);}
a.slidej {background:url(thumb11.jpg);}


a.gallery span {display:block; position:absolute; left:50px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:480px; height:335px; top:49px; left:7px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:480px; height:335px; top:49px; left:7px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}

#thumbs {width:840px; height:60px;}
#pad {height:450px; width:150px;}
</style>
<!--[if IE 7]>
<style type="text/css">
a.gallery span {display:block; position:absolute; width:480px; height:335px; top:49px; left:-99999px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:170px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
</style>
<![endif]-->
</head>

<div id="info">

<div id="holder">
<h2></h2>

<h3></h3>
<div id="pad"></div>

<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="#nogo" title="Fishes"><span><img src="pic1.jpg" alt="Fishes" title="Fishes" /><br />pic1.jpg<br />адритатушеееечка</span></a>
<a class="gallery slideb" href="#nogo" title="Funnels"><span><img src="pic2.jpg" alt="Funnels" title="Funnels" /><br />pic2.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slidec" href="#nogo" title="Vases"><span><img src="pic3.jpg" alt="Vases" title="Vases" /><br />pic3.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slided" href="#nogo" title="Window"><span><img src="pic4.jpg" alt="Window" title="Window" /><br />pic4.jpg<br />Photographs courtesy of morgueFile.com</span></a>

<a class="gallery slidee" href="#nogo" title="Cascade"><span><img src="pic5.jpg" alt="Cascade" title="Cascade" /><br />pic5.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slidef" href="#nogo" title="Cascade"><span><img src="pic6.jpg" alt="Flowers" title="Flowers" /><br />pic6.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slideg" href="#nogo" title="Cascade"><span><img src="pic7.jpg" alt="Butterfly" title="Butterfly" /><br />pic7.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slideh" href="#nogo" title="Cascade"><span><img src="pic8.jpg" alt="Birds" title="Birds" /><br />pic8.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slidei" href="#nogo" title="Cascade"><span><img src="pic9.jpg" alt="Shells" title="Shells" /><br />pic9.jpg<br />Photographs courtesy of morgueFile.com</span></a>
<a class="gallery slidej" href="#nogo" title="Cascade"><span><img src="pic10.jpg" alt="Fishing" title="Fishing" /><br />pic10.jpg<br />Photographs courtesy of morgueFile.com</span></a>

</div>
</div>

</div>

</div> <!-- end of info -->

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

заранее огромное спасибо!
Garret13 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
что нужно сделать с <td> что бы между картинками другого <table> не было разделения? alex555 HTML и CSS 22 24.04.2012 16:43
Что нужно сделать, чтобы в настройках браузеров нельзя было отключить всплывающие окна bob111 Операционные системы общие вопросы 7 19.06.2009 08:40
Как с помощью JavaScript изменить цвет фона ячеек в таблице,так что бы можно было выбрать цвет из списка Gotessa JavaScript, Ajax 1 09.05.2009 16:05
что тут нужно изменить? asd48 Общие вопросы C/C++ 2 08.04.2009 21:47