Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > не отображается графика в осле

Автор: Ctulhy 20.8.2008, 01:40

Помоему без бубна тут не обойтись. Или я сонный, вообщем не знаю что и думать. Вприцнипе, вопрос глупый. Вроде все правильно - если где ошибка ткните пальцем. Но в осле background-image:url("logo.jpg"); не отображается. Сохранено в имэджрэди, путь правильный - рисунок лежит в папке со стилями. Не смейтесь - графика в IE включена. В чем проблема? оО

Код


<!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=cp-1251" />
<link rel="stylesheet" type="text/css" href="files/style00.css" />
<title>Коренские дворы</title>
</head>
<body>
<div class="logo"></div>
</body>
</html>

Код


/*~~~~~html,body~~~~~*/
body {
background-color:#ffcc99;
font:Arial, Helvetica, sans-serif;
font:#000;
padding:0; margin:0 auto;
width:950px;
}

/*floats, positions*/
.logo {
float:left;
width:950px;
height:353px;
background-image:url("logo.jpg");
}

Автор: Ctulhy 20.8.2008, 02:10

более того, через тег <img /> тоже не фига не работает. Все симптомы что неверен урл, но.. работает же в опере, конкуероре, фаерфоксе.

Автор: webster 20.8.2008, 03:06

background-image:url("logo.jpg"); кавычки не нужны и файл должен располагаться там же где и сами стили .css.

Автор: Ctulhy 20.8.2008, 08:41

естественно и с кавычками и без пробывал - не помогает. Файл находится в той же папке, где находятся стили.

Добавлено через 12 минут и 57 секунд
Заметил еще более странную тенденцию. ОТображает только гифы через <img /> и через background. Странно это все.. (

Автор: lukas 20.8.2008, 09:40

попробуй написать так: background: url()
, хотя проблема скорее всего с путями...

Автор: Ctulhy 20.8.2008, 09:52

С путями? Ты хочешь сказать я настолько сонный что не знаю в какой директории у меня лежат картинки? И не забывай, в других браузерах графика отображается корректно.

Автор: bars80080 20.8.2008, 09:53

интересная кодировка: <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" />
а так можно?

по-моему браузер глючит, в приведённом коде должно всё работать. имеется возможность переустановить?

Автор: Ctulhy 20.8.2008, 10:16

Уже не знаю что думать. Может файл криво сохраняется в ImageReady? Такое возможно?

Автор: Ctulhy 20.8.2008, 10:52

Еще один довод в пользу того что осел где-то подхватил бешенство. С горя начал верстать таблицами, теперь еще более странная интерпритация кода.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="files/style00.css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" >
<tr>
<td width="950" height="353">
<img src="files/logo.gif" width="950" height="353">
</td>
</tr>
</table>
<table width="950" height="115" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="950" height="115" background="files/back01.gif"><img src="files/map.gif"></td>
</tr>
</table>
</body>
</html>

Между двумя таблицами появляется расстояние этак в 3-5 пикселей. Извините, но откуда? :>O
Опера, фокс, даже конкуерор курит корректно.

Добавлено через 2 минуты и 54 секунды
Еще один довод в пользу того что осел где-то подхватил бешенство. С горя начал верстать таблицами, теперь еще более странная интерпритация кода.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="files/style00.css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" >
<tr>
<td width="950" height="353">
<img src="files/logo.gif" width="950" height="353">
</td>
</tr>
</table>
<table width="950" height="115" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="950" height="115" background="files/back01.gif"><img src="files/map.gif"></td>
</tr>
</table>
</body>
</html>

Между двумя таблицами появляется расстояние этак в 3-5 пикселей. Извините,

Автор: Ctulhy 20.8.2008, 13:19

ааа, народ, да помогите же плз = )
Я не понимаю откуда между таблицами появляется расстояние в 1 пиксель. Вроде же все правильно написано и его там не должно быть оО

Автор: bars80080 20.8.2008, 13:23

а у тебя в стилях есть:

Код


* { margin: 0px; padding: 0px; }

?

а по топику, у меня в ИЕ6 нормально работает

Автор: Ctulhy 20.8.2008, 13:31

Не помогает, могу выгрузить архив. Знакомому скидывал - тоже таже фигня.

Автор: webster 20.8.2008, 13:37

Код


* {
margin: 0px; padding: 0px;
}

Можно конечно и объяснить почему так происходит, и можно почитать спецификацию css. Эти отступы могут быть как от margin-ов img, так и от margin-ов td

Автор: bars80080 20.8.2008, 13:50

попробуй поставить такой стиль:

Код


table { border-collapse: collapse; }

у меня он напрочь в ИЕ6 сносит все границы между таблицами

Автор: Ctulhy 21.8.2008, 01:05

И это пробывал. Потом открыл заново блокнот, переписал код.. заработало оО

Автор: Ctulhy 21.8.2008, 10:49

Загадочный баг не отображения рисунков в IE cвзяан с не менее загадочным багом ImageReady (доказано эксперементально). Так что выкидывайте эту прогу, юзайте гимп и фотошоп >.<