30.04.2024 :: 06:34:43 |
Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация |
||
Ну, наконец-то мы проапгрейдились! |
ГлавнаяСправкаПоиск |
Компьютерный форум Chitchat.RU › Неигровые форумы › Нужна помощь › Ответ на сообщение ( Re: Проблема со скриптами на сайте ) |
Краткое содержание - Показано 9 сообщение(-я)(-й). | |
Отправил: Nykos | Отправлено: 28.12.2010 :: 01:20:34 |
Просто непонятно, почему до того, как я вставил картинки, все было ровно. И я искал проблему совсем в другом. А ты мне помог. У меня в мозгу что-то щелкнуло. Поэтому и спасибо.
| |
Отправил: Cheatministrator | Отправлено: 27.12.2010 :: 23:55:24 |
Благодарить не за что. Height для таблиц лучше не указывать - разные браузеры обрабатывают это свойство по-разному, в отличие от width. Поэтому у тебя и получалось то, что получалось.
| |
Отправил: Nykos | Отправлено: 27.12.2010 :: 23:21:09 |
Проверил, убрал, но просто убирается фон. Проблема не в этом, но ты меня натолкнул на одну мысль. Там написано height=100%, я посмотрел выше, на самую первую на сайте таблицу, где height тоже был 100%. Убрал, и все исправилось. Правда, не понял, почему. Спасибо, Игорь. Я бы не догадался.
| |
Отправил: Cheatministrator | Отправлено: 27.12.2010 :: 22:50:11 |
Пустая ячейка вполне может создавать это поле.
| |
Отправил: Nykos | Отправлено: 27.12.2010 :: 22:17:45 |
Это пережиток прошлого. Писал тогда, когда не был знаком с таким параметром как position:absolute:). Вначале шел текст, а потом между этими тегами он продолжался.
| |
Отправил: Cheatministrator | Отправлено: 27.12.2010 :: 21:35:23 |
Посмотрел страницу. Первый вопрос, который возник - зачем нужен код:
Code: <td background=images/fon/right_fon1.jpg border=0 cellspacing=0 cellpadding=0 width=725 height=100% colspan=2> </td> ? | |
Отправил: Nykos | Отправлено: 27.12.2010 :: 19:20:54 |
Отправил в личку
| |
Отправил: Cheatministrator | Отправлено: 27.12.2010 :: 16:49:48 |
Дай ссылку на свой скрипт в работе. Этот код ни о чем не говорит.
| |
Отправил: Nykos | Отправлено: 27.12.2010 :: 15:49:01 |
Всем привет. Помогите, пожалуйста, исправить проблему. Есть страница сайта, на которой нужно реализовать смену фотографий через определенный промежуток времени. Я нашел скрипт, вставил его, фотографии меняются, но вот проблема. Если информации на странице мало, то есть, сменяющиеся фото получаются в конце страницы, то при смене фотографии в браузере появляется много свободного пространства под фотографией. Причем только в Опере. В IE такого нет. Картинка меняется, и бам - появляется отступ с фоном. Выходит некрасиво. Код выглядит так:
Скрипт для смены фото: Code: function theRotator() { $('div#rotator ul li').css({opacity: 0.0}); $('div#rotator ul li:first').css({opacity: 1.0}); setInterval('rotate()',5000); } function rotate() { var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first')); var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first')); //var sibs = current.siblings(); //var rndNum = Math.floor(Math.random() * sibs.length ); //var next = $( sibs[ rndNum ] ); next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show'); }; $(document).ready(function() { theRotator(); }); В тексте страницы, в нужном месте, я вписываю фотки: Code: <table cellpadding=0 border=0 width=299> <tr> <td> <div id="rotator"> <ul> <li class="show"><a href="../images/photos/izo1.JPG"><img src="../images/photos/izo1_1.jpg" width="200" height="150" alt="ИЗО-студия" border=1 /></a></li> <li><a href="../images/photos/izo2.JPG"><img src="../images/photos/izo2_1.jpg" width="200" height="150" alt="ИЗО-студия" border=1 /></a></li> <li><a href="../images/photos/playzone12.JPG"><img src="../images/photos/playzone12_1.jpg" width="200" height="150" alt="Игровая комната" border=1 /></a></li> ... </ul> </div> </td> </tr> <tr> <td align=center> <a href=photo.htm>Еще фото</a> </td> </tr> </table><br> Плюс таблица стилей: Code: div#rotator { position:relative; height:150px; margin-left: 0px; } div#rotator ul li { float:left; position:absolute; list-style: none; } div#rotator ul li.show { z-index:500; } Не могу понять, в чем дело. |
YaBB Forum Software © 2000-2024. All Rights Reserved.