Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
 Аватар для allukard
307 / 218 / 70
Регистрация: 08.11.2010
Сообщений: 1,899

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

11.10.2012, 21:10. Показов 1504. Ответов 4
Метки нет (Все метки)

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

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;
}
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
11.10.2012, 21:10
Ответы с готовыми решениями:

По старинке
Люди! Подскажите КНОПОЧНЫЙ телефон с большим экраном - (был ведь блекберри слайдер с 3дм дисплеем) если на сегодняшний день еще...

Заменяем привычное "по старинке" на современное доступное
1. Надо соединить две платы бутербродом (или просто соединить). По старинке: PLS/PLD, PBS/PBD либо IDC+шлейфом и погнали... дурной...

Полярные координаты. Как рассчитать полярные углы (углы поворотов) для определенной точки
у меня такая проблема - есть два отрезка (точнее полярные оси) соедененые между собой . первый полюс всегда находится на одном месте а...

4
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
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>
Изображения
   
3
 Аватар для _DmS_
25 / 25 / 1
Регистрация: 01.09.2012
Сообщений: 79
12.10.2012, 07:55
попробуте использовать PIE или border-radius.htc (если не ошибся с названием второго).
У меня работает.
1
 Аватар для allukard
307 / 218 / 70
Регистрация: 08.11.2010
Сообщений: 1,899
12.10.2012, 13:08  [ТС]
Цитата Сообщение от _DmS_ Посмотреть сообщение
попробуте использовать PIE или border-radius.htc (если не ошибся с названием второго).
У меня работает.
да как тоя пробовал типа библиотеки специальные подключать для ИЕ не прокатило!
PIE это с использованием css3 в ИЕ тож не покатит.. а нужно собладать кроссбраузерность и стиль кода.
0
 Аватар для _DmS_
25 / 25 / 1
Регистрация: 01.09.2012
Сообщений: 79
12.10.2012, 17:58
Попробуйте этот скачать. В IETester'е работает ( у меня ).
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.10.2012, 17:58
Помогаю со студенческими работами здесь

Углы
Один луч который входить из одной точки образует два меньше 180-ти градуса угла и т.д 1-2, 2-5, 3-9 И вот искад в инете не нашел формулу...

Углы
Помогите

Найдите углы
Два угла с соответственно перпендикулярными сторонами относятся как 17:19. Найдите эти углы.

Углы TextBox
Добрый День! C wpf начал работать только пару дней назад. Можно ли скруглить углы y TextBox?

Закругленные углы
Доброго времени суток! Просьба помочь с закругленными углами дива.вот код html и css &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Загрузка 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 , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru