Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы с картинкой в IE / 6 сообщений из 6, страница 1 из 1
11.04.2010, 09:06:49
    #36572657
jediAlex
jediAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
Здравствуйте, уважаемые специалисты. Помогите решить проблему. Есть обычная прямоугольная картинка в формате GIF. С помощью CSS я округлил её углы. Вот код :
<html>
<head>
<title>моя домашняя работа</title>
<style type="text/css">
body{background-color: #FFF;
font: 100% "Trebuchet MS",Verdana,Arial,sans-serif}

div#round{ margin: 0 40% ; background-image: url(sea.gif) }
h1,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
p{padding-bottom:1em}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 2px;
overflow: hidden; background-image: url(sea.gif)}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px 0px 0px;height: 2px}
</style>
</head>
<body>
<div id="round">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>моя работа</h1>
<p>
<font color="yellow">
<b> <i>Это результат воспоминаний HTML
и CSS, а где то и их изучение заново </i></b>
</font>
</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
Это все отлично работает в Firefox - см. приложение, а IE почему то не выводит картинку - только текст. Подскажите, в чем тут ошибка и как это исправить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.04.2010, 15:07:12
    #36572798
krvsa
krvsa ✓
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
jediAlex , чем так гемороиться с "зкруглением" - просто сделай картинку с закруглёнными краями.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.04.2010, 15:23:08
    #36572807
jediAlex
jediAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
Это я понимаю, но в данной то ситуации как быть?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.04.2010, 16:47:38
    #36572853
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
jediAlexЭто я понимаю, но в данной то ситуации как быть?
1. Сделать картинку с закруглёнными краями.
2. Написать не "работа", а "борьба". :)
3. Взять код в тэг SRC, что-ли.
ПС. ИЕ своеобразно относится к CSS. Поэтому, написали бы какой ИЕ Вас не устраивает (6,7,8 или 9?).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.04.2010, 21:51:51
    #36573036
jediAlex
jediAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
Уменя стоит староватый IE 6-й версии. Картинку к вопросу я приложил из Firefox
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.04.2010, 09:47:08
    #36573349
krvsa
krvsa ✓
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы с картинкой в IE
jediAlex , у меня 6.0 все выводит...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
<html>
<head>
<title>моя домашняя работа</title>
<style type="text/css">
body {
	background-color: #FFF;
	font:  100 % "Trebuchet MS",Verdana,Arial,sans-serif;
}
div#round { 
	margin:  0   40 % ; 
	background-image: url('sea.jpg');
	background-color: blue;
}
h1,
p {
	margin:  0  10px;
}
h1 {
	font-size:  250 %;
	color: #FFF;
}
p {
	padding-bottom:1em;
}
b.rtop, 
b.rbottom {
	display:block;
	background-color: #FFFFFF;
}
b.rtop b, 
b.rbottom b {
	display:block;
	height: 2px;
	overflow: hidden; 
	background-image: url('sea.jpg');
	background-color: blue;
}
b.r1 {
	margin:  0  5px;
}
b.r2 {
	margin:  0  3px;
}
b.r3 {
	margin:  0  2px;
}
b.rtop b.r4, 
b.rbottom b.r4 {
	margin:  0  1px 0px 0px;
	height: 2px;
}
</style>
</head>
<body>
<div id="round">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>моя работа</h1>
<p>
<font color="yellow">
<b> <i>Это результат воспоминаний HTML
и CSS, а где то и их изучение заново </i></b>
</font>
</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>

не понятно зачем использовать строковый тег БОЛД, переделывать его в блочный... Если есть ДИВы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы с картинкой в IE / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 499ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453245]:
 0ms
get settings:
 8ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 186ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 216ms
total:  499ms
x
x
Закрыть


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