|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
10.05.2010, 19:05 | #1 |
Новичок
Джуниор
Регистрация: 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 --> вопрос в том, как нужно изменить код, чтобы отображение картинок было не в полосе прокрутки, а над ней в мозиле все отображается нормально, а в эксплорере отображается по дурацкому внизу. заранее огромное спасибо! |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
что нужно сделать с <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 |