ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы с картинкой в IE
6 сообщений из 6, страница 1 из 1
Проблемы с картинкой в IE
    #36572657
jediAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jediAlex
Гость
Здравствуйте, уважаемые специалисты. Помогите решить проблему. Есть обычная прямоугольная картинка в формате 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, 09:06:49
| Ответить | Цитировать | Написать  
Проблемы с картинкой в IE
    #36572798
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
jediAlex , чем так гемороиться с "зкруглением" - просто сделай картинку с закруглёнными краями.
...
Рейтинг: 0 / 0
11.04.2010, 15:07:12
| Ответить | Цитировать | Написать  
Проблемы с картинкой в IE
    #36572807
jediAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jediAlex
Гость
Это я понимаю, но в данной то ситуации как быть?
...
Рейтинг: 0 / 0
11.04.2010, 15:23:08
| Ответить | Цитировать | Написать  
Проблемы с картинкой в IE
    #36572853
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
jediAlexЭто я понимаю, но в данной то ситуации как быть?
1. Сделать картинку с закруглёнными краями.
2. Написать не "работа", а "борьба". :)
3. Взять код в тэг SRC, что-ли.
ПС. ИЕ своеобразно относится к CSS. Поэтому, написали бы какой ИЕ Вас не устраивает (6,7,8 или 9?).
...
Рейтинг: 0 / 0
11.04.2010, 16:47:38
| Ответить | Цитировать | Написать  
Проблемы с картинкой в IE
    #36573036
jediAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jediAlex
Гость
Уменя стоит староватый IE 6-й версии. Картинку к вопросу я приложил из Firefox
...
Рейтинг: 0 / 0
11.04.2010, 21:51:51
| Ответить | Цитировать | Написать  
Проблемы с картинкой в IE
    #36573349
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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
12.04.2010, 09:47:08
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы с картинкой в IE
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1453245]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 192ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 219ms
total:  485ms
созд. / загр.: 485ms
x
x
Закрыть


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