Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Позиционирование в RUZEE-shadedborder, Не подчиняется css 
V
    Опции темы
VotVam
Дата 8.5.2010, 11:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 17.3.2007

Репутация: нет
Всего: нет



Нашел компактную библиотечку (10кб), которая рисует красивые тени с эффектами. Однако столкнулся с тем, что созданные div наотрез отказываются позиционироваться на странице. Т.е. LEFT:, TOP: position: - для них пустой звук. Может кто сталкивался или подскажет: в чем проблема? Всю голову уже изломал.  Ссылка на страницу скрипта
Подскажите: как заставить позиционироваться div. Всем спасибо!
PM MAIL   Вверх
Amphiluke
Дата 8.5.2010, 12:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



Вы бы лучше показали тестовый код, на котором возникает ошибка. Или ссылку на страничку, которая иллюстрирует вашу проблему.
PM   Вверх
VotVam
Дата 8.5.2010, 13:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 17.3.2007

Репутация: нет
Всего: нет



Так я еще не начал встраивать эту библиотеку куда-либо. Просто взял страничку simple из дистрибьютива и решил подвигать туда-сюда div. А он не двигается! Более того, он вообще не подчиняется css - стоит себе посередине и все. Т.к. я в джаваскрипт не силен, то решил обратиться к гуру за помощью. 
PM MAIL   Вверх
ksnk
Дата 8.5.2010, 13:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



Код

#my-border  {
...
   margin:200px auto;

Вот это убирать пробовал? Неплохо бы еще что-нибудь про верстку почитать, чтобы совсем уж странных вопросов задавать поменьше...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Amphiluke
Дата 8.5.2010, 13:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



Нормально он перемещается. Проверил в четырех доступных браузерах — никаких проблем... smile
Код

#my-border { padding:20px; width:30%; color:#fff; top: 200px; left: 20px; position: absolute; }


Добавлено через 2 минуты и 32 секунды
ksnk, а у меня и с вот этим:
Цитата(ksnk @  8.5.2010,  17:27 Найти цитируемый пост)
margin:200px auto;

тоже перемещается. Немного по-другому, но все равно это не как сказал ТС:
Цитата(VotVam @  8.5.2010,  15:19 Найти цитируемый пост)
LEFT:, TOP: position: - для них пустой звук


PM   Вверх
VotVam
Дата 8.5.2010, 13:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 17.3.2007

Репутация: нет
Всего: нет



Я проверяю в IE 7 у меня при убранном margin и позиционированием top: 200px; right: 200px этот div оказался наполовину засунут за левую границу страницы посередине вертикали. Это нормальное позиционирование вы считаете?

Сорри! Он просто right не понимает! Щас буду репу чесать как его привязывать к правому полю скрина.

Это сообщение отредактировал(а) VotVam - 8.5.2010, 13:52
PM MAIL   Вверх
Amphiluke
Дата 8.5.2010, 13:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



VotVam, в любом случае, это не относится к проблемам Javascript.
Вы вместо того, чтобы «издеваться» над файликом simple.html создайте свой новый «чистый» документ и попробуйте самостоятельно поперемещать в нем этот див. 
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    #aDiv {
        left: 700px;
        top: 100px;
        width: 280px;
        height: 100px;
        position: absolute;
    }
</style>
<script type="text/javascript" src="shadedborder.js"></script>
</head>

<body>
    <div id="aDiv"><div>div</div></div>
    <script language="javascript" type="text/javascript">
        var myBorder = RUZEE.ShadedBorder.create({ corner:8, shadow:16 });
        myBorder.render('aDiv');
    </script>
</body>
</html>

Здесь есть те же проблемы?
PM   Вверх
VotVam
Дата 24.5.2010, 20:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 17.3.2007

Репутация: нет
Всего: нет



Проблему решил, отказавшись от позиционирования по right. Библиотечка класс - всем рекомендую - коротко и ясно. Не то что по 140 кб монстры. Практически полностью кроссплатформенна и работает без яваскрипта тоже. 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0479 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.