В Internet Explorer не отображаются картинки [Версия для КПК]

Показать полную графическую версию : В Internet Explorer не отображаются картинки

Alim13

06-11-2011, 09:07

помогите пожалуйста!!!! решила переписать свой сайт с html на css))) все отлично отоброжается в фоксе, а вот в эксплорере.........короч он уже 2 день мне мозг компосирует. Не знаю в чем проблема, но загвоздка именно в изображениях. К странице подключены два файла css с кодами, изображения на которые они ссылаются собраны в одну папку. путь к этой папке везде четко прописывается. Пример:

body {
background-image: url("/C:/Users/TEMP.РиКо-TOSH.000/Desktop/liv.ru/САЙТ ЛИВ НА CSS/style/menustyle/logotip1.jpg");
background-attachment: scroll;
background-repeat: no-repeat;
}

Результат этого довольно странный в фоксе все ок., в эксплорере все считывается кнопочки и увелечение при наведении мыши, но самих изображений нет ни одного((((
Проверяла все на валидность ошибок нет. В общем не знаю как выкрутиться :sorry:

Coutty

06-11-2011, 10:27

Попробуйте указать относительные пути к файлам:
body {
background-image: url("style/menustyle/logotip1.jpg");
background-attachment: scroll;
background-repeat: no-repeat;
}
Всё равно при переносе на хостинг придётся это делать. Возможно, IE не любит абсолютные локальные пути, начинающиеся не с file://

Alim13

06-11-2011, 21:09

я нашла в чем проблема

<img src="/C:/Users/TEMP.РиКо-TOSH.000/Desktop/liv.ru/sait liv css/style/production files/baby/baby s1 aj1,1.jpg" width="225px" height="331px"
border="0px"/>

читается в фоксе, а в эксплорере нет

<td id="row5">
<img src="C:/Users/TEMP.РиКо-TOSH.000/Desktop/liv.ru/sait liv css/style/production files/baby/cvet1baby s1 aj166,6.jpg"
width="106"height="106">

а с таким адресом читается в эксплорере, а в фоксе нет
как видите вся проблема в "/ . Ща попробую как вы написали СПАСИБО ЗА СОВЕТ!!!!! :gamer:

Не никак все в это упирается "/. я пробывала вот эти кодировки и doctupe менять

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
но опять не помогло. есть как вариант div использовать но это неудобно на сайте много каталогов и все на картинках

Alim13

06-11-2011, 21:58

ладно извините за резкость, просто это дело принцыпа. Я css-то изучаю 3 день. написала код который отлично работает, прошол валидность и полностью мне подходит. А я застряла на мелочи, привыка добиваться своего знаете ли и отступить не могу. Но все равно спасибо))), пойдука я к сайтоделам. Кстати вам на будущие для нас сайтоделов. Сайтодел звучит обидно... :wink:

Devils Night

07-11-2011, 06:05

<td id="row5">
<img src="C:/Users/TEMP.РиКо-TOSH.000/Desktop/liv.ru/sait liv css/style/production files/baby/cvet1baby s1 aj166,6.jpg"
width="106"height="106"> »

Как советовал Coutty, нужно использовать относительные пути к файлам, для правильности проверки достаточно перенести всё добро в другую папку или диск, и сразу будет видна ошибка.
А так же, пробелы лучше не использовать, вместо них можно заменить на "_", получится так:
<img src="style/production files/baby/cvet1baby_s1_aj166_6.jpg" width="106" height="106">

как видите вся проблема в "/ . » Почему же? Можно например использовать "../", получится вот что: <img src="../style/production files/baby/cvet1baby_s1_aj166_6.jpg" width="106" height="106">, такой вариант позволяет выйти из папки к картинке, в общем, всё зависит от сортировки файлов и наличия папок и под папок.
К примеру, если структура примерно такая:
html (в этой папке находятся страницы html)
img (в этой папке находятся картинки)

index.html
html -> page.html
img -> 0_1.jpg
то "../" позволит выйти из папки, т.е если прописать "../img/0_1.jpg", то такое действие позволит выйти из папки html, затем зайти в папку img, где собственно находятся графические элементы.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
но опять не помогло. есть как вариант div использовать но это неудобно на сайте много каталогов и все на картинках »

На сколько помню, пишется так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Название страницы</title></head><body>

Здесь находится текст, html код и прочее.

</body></html>
Если не ошибаюсь, кодировка указывается в charset.

Alim13

08-11-2011, 04:22

Devils Night Надо же в теме и без мата)))))Ты прям явно испровляешся это радует)))
Но все оказалось гораздо проще :) Кот ти был прав в том, что IE может не нравятся адреса начинающееся с file://
Это навело меня на интересную мысль))) Я подключила в код картинку не с компа, а с нета.
Пример:
<img src="http://livtula.ru/baby s1 aj1,1.jpg" width="225px" height="331px" />
И все стало читаться в обоих браузерах :up

Так что ,Кот ти, спасибо за подсказку без тебя мучилась бы дольше)))))
Devils Night
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - доктап
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html"; charset="windous1251" /> -кодировка
<link rel="stylesheet" type="text/css" href="css s1.css" /> -внешний фаил css
</head>

Как видишь я знаю что и как пишется)))
P.S. не придерайся к словам не все знаю конечно((((

"../"действие позволит выйти из папки html, затем зайти в папку img,"
А вот это реально можно использовать)) Спасибо

Coutty

08-11-2011, 05:41

Если вы посмотрите другие сайты, то заметите правильное указание кодировки:
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
Обратите внимание на положение кавычек и прочие "мелочи")
И всё же, на сайтах лучше не использовать пути с пробелами. Да и абсолютные пути - это не самое лучшее решение, но дело ваше, конечно.
Кстати, если относительный путь начинать со слэша ( /img/file.jpg ), то путь ищется от корня сайта, а если без слэша ( img/file.jpg ), то от текущего каталога.