Углы по старинке

@allukard · Регистрация: 08.11.2010

Студворк — интернет-сервис помощи студентам

Есть какие другие варианты закругленных углов? главная задача что бы в ИЕ работало.
а то вот накидал с таблицами, ну или как мой стиль коддинка поправить на идеальный код.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table align="center" class="content-table">
 
<tr>
<td class="left-top"></td>
<td class="cen-top"></td>
<td class="reght-top"></td>
</tr>
 
<tr>
<td class="center-left-tab"></td>
<td class="center-content">
 
</td>
<td class="center-reght-tab"></td>
</tr>
 
<tr>
<td class="left-boot"></td>
<td class="cen-bot"></td>
<td class="reght-boot"></td>
</tr>
 
</table>

CSS
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
.content-table {
    border-collapse: collapse;
   }
.left-top{
    width:28px;
    height:28px;
    background-image:url(img/ugl/1_01.png);
}
.reght-top{
    width:32px;
    height:28px;
    background-image:url(img/ugl/1_02.png);
}
.left-boot{
    width:28px;
    height:28px;
    background-image:url(img/ugl/1_03.png);
}
.reght-boot{
    width:28px;
    height:32px;
    background-image:url(img/ugl/1_04.png);
}
 
.center-left-tab{
    background-color:#fafafa;
}
.center-reght-tab{
    background-color:#fafafa;
}
 
.cen-top{
    background-color:#fafafa;
}
.cen-bot{
    background-color:#fafafa;
}
 
.center-content{
    background-color:#fafafa;
    width:650px;
}

@newJS · 12.10.2012, 06:44

тоже очень древнее, но на дивах, огород ни чем не лучше таблиц.
размер спрайтов, cor.gif=46х184, hor.gif=60х92, ver.gif=92х60

HTML5
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>w123</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
.tlD{background:url(cor.gif) no-repeat left 0; margin:0 0 0 -46px;}
.tcD{background:url(hor.gif) repeat-x 0 0; margin:0 46px;}
.trD{background:url(cor.gif) no-repeat right -46px; margin:0 -46px 0 0; height:46px;}
.llD{background:url(ver.gif) repeat-y left;}
.rrD{background:url(ver.gif) repeat-y right -46px;;}
.blD{background:url(cor.gif) no-repeat left -92px; margin:0 0 0 -46px;}
.bcD{background:url(hor.gif) repeat-x 0 -46px; margin:0 46px;}
.brD{background:url(cor.gif) no-repeat right -138px; margin:0 -46px 0 0; height:46px;}
.blD, .brD, .bcD{font-size:0;}
 
.author{padding:5px 10px 0 0; color:#408040; text-align:right;}
.txt1 {text-align:justify; padding:3px 7px 5px 7px; font-style:italic; background:#def8fa;}
.marg1 {margin:0 46px;}/*равно ширине рисунка боковин*/
.head2 {text-align:center; font:bold italic 22px Georgia, Serif; color:white;}
</style>
</head>
 
<body>
 
 
<div class="tcD"><div class="tlD"><div class="trD head2">заголовок</div></div></div>
<div class="llD">
<div class="rrD">
<div class="marg1">
<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td>
<div class="txt1">
Таблица нужна ИЕ, он это [B]font-style:italic;[/B] по диоганали понимает.
<br><br>
Мне сколько раз повторить?, чтобы вы меня с первого раза меня поняли!!!
<br><br>
<span style="color:red;">Разговаривая с женщиной, говорите дружелюбным и ласковым голосом. Женщина, не понимая смысла речи, тем не менее прекрасно чувствует интонацию.</span>
<br><br>
Удивительная вещь - экзамен. Одних он удивляет вопросами, других ответами.
<br><br>
Больной нуждается в уходе врача, и чем быстрее и дальше уйдёт врач, тем лучше!
<br><br>
Ой!!!!! Ути какая малюсенькая прелесть!!! Какая хорошенькая!!! Это моя зарплата??! С ума сойти!!!!!... Дайте две!!!!
<div class="author">Наш Народ</div>
</div>
</td></tr></table>
</div></div></div>
<div class="bcD"><div class="blD"><div class="brD"></div></div></div>
 
 
 
 
</body>
</html>

@_DmS_ · 12.10.2012, 07:55

попробуте использовать PIE или border-radius.htc (если не ошибся с названием второго).
У меня работает.

@allukard · 12.10.2012, 13:08 **[ТС]**

Сообщение от _DmS_

попробуте использовать PIE или border-radius.htc (если не ошибся с названием второго).
У меня работает.

да как тоя пробовал типа библиотеки специальные подключать для ИЕ не прокатило!
PIE это с использованием css3 в ИЕ тож не покатит.. а нужно собладать кроссбраузерность и стиль кода.

@_DmS_ · 12.10.2012, 17:58

Попробуйте этот скачать. В IETester'е работает ( у меня ).

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	12.10.2012, 07:55
	попробуте использовать PIE или border-radius.htc (если не ошибся с названием второго). У меня работает. 1

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	12.10.2012, 17:58
	Попробуйте этот скачать. В IETester'е работает ( у меня ). 0

Углы по старинке

Решение