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&msg=36572807&tid=1453245]:
 0ms
get settings:
 11ms
get forum list:
 23ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 71ms
get topic data:
 12ms
get forum data:
 6ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 223ms
total:  413ms
созд. / загр.: 413ms
x
x
Закрыть


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