Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В Mozilla не работает этот код с "position: absolute". / 6 сообщений из 6, страница 1 из 1
04.08.2008, 07:36
    #35467745
PVB
PVB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
Добрый день.

Прошу подсказать почему в Mozilla не работает этот код с "position: absolute":

Код: plaintext
1.
2.
3.
 Printf (" <div style=\"background-image: url(\"EST/43/hl.jpg); position: relative;  top: 0px; left: 0px; width: 300 px; height: 300 px\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t1_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 12 px; left: 12 px;\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t2_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 24 px; left: 12 px;\">");
 Printf ("<IMG title=\"111\" SRC=\"images/t3_place.gif\" WIDTH= 12  HEIGHT= 12  STYLE=\"position: absolute; top: 24 px; left: 24 px;\">");

То есть все картинки типа t3_place.gif не отображаются

В IE и Opera все отлично.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.08.2008, 10:39
    #35468114
PVB
PVB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
Вернее они отображаются,
но перекрываются одна другой в одной и тойже точке кординат.
То есть игнорируют условие
top: x px; left: y px; для каждой позиции картинок.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.08.2008, 11:01
    #35468190
The_ShadoW
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
Что-то мне подсказывает, что теги <img> неплохо бы закрывать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.08.2008, 11:11
    #35468225
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
Ну, IMG закрывать не обязательно, а вот DIV как минимум желательно.

У Вас в приведенном коде есть ошибки в кавычках, а главное - пробелы между цифрами и "px". Эти пробелы терпит только MS IE. Исправленный код работает везде:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.08.2008, 11:14
    #35468236
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
Точнее, пробелов не терпит код Mozilla. Более благообразный вид того же работающего примера:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.08.2008, 12:10
    #35468441
PVB
PVB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В Mozilla не работает этот код с "position: absolute".
М.ГоловановТочнее, пробелов не терпит код Mozilla. Более благообразный вид того же работающего примера:

Код: plaintext
1.
2.
3.
4.
<div style="background-image: url('EST/43/hl.jpg'); position: relative;  top: 0px; left: 0px; width: 300px; height: 300px">
<IMG title="111" SRC="images/t1_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 12px; left: 12px;">
<IMG title="111" SRC="images/t2_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 12px;">
<IMG title="111" SRC="images/t3_place.gif" WIDTH= 12  HEIGHT= 12  STYLE="position: absolute; top: 24px; left: 24px;">
<div>



Спасибо БОЛЬШОЕ.
Действительно проблема была в этом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В Mozilla не работает этот код с "position: absolute". / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 401ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456077]:
 0ms
get settings:
 4ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 148ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 205ms
total:  401ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]