Навигация
Главная
Поиск
Форум
FAQ's
Ссылки
Карта сайта
Чат программистов

Статьи
-Delphi
-C/C++
-Turbo Pascal
-Assembler
-Java/JS
-PHP
-Perl
-DHTML
-Prolog
-GPSS
-Сайтостроительство
-CMS: PHP Fusion
-Инвестирование

Файлы
-Для программистов
-Компонеты для Delphi
-Исходники на Delphi
-Исходники на C/C++
-Книги по Delphi
-Книги по С/С++
-Книги по JAVA/JS
-Книги по Basic/VB/.NET
-Книги по PHP/MySQL
-Книги по Assembler
-PHP Fusion MOD'ы
-by Kest
Professional Download System
Реклама
Услуги

Автоматическое добавление статей на сайты на Wordpress, Joomla, DLE
Заказать продвижение сайта
Программа для рисования блок-схем
Инженерный калькулятор онлайн
Таблица сложения онлайн
Популярные статьи
OpenGL и Delphi... 65535
Форум на вашем ... 65535
HACK F.A.Q 65535
Бип из системно... 65535
Гостевая книга ... 65535
Содержание сайт... 65535
Вызов хранимых ... 65535
Эмулятор микроп... 65535
Приложение «Про... 62960
Организация зап... 62129
Invision Power ... 61744
Оператор выбора... 61627
Подключение Mic... 60163
Модуль Forms 59508
Создание отчето... 59315
ТЕХНОЛОГИИ ДОСТ... 55508
Программируемая... 54578
Пример работы с... 52436
Имитационное мо... 50878
21 ошибка прогр... 45862
Реклама
Сейчас на сайте
Гостей: 11
На сайте нет зарегистрированных пользователей

Пользователей: 13,057
новичок: Aidar
Новости
Реклама
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian

Движение шарика в эллиптическои параболоиде на Delphi [OpenGL] + Блок схемы
Файл записей с выводом обратного заголовка на Turbo Pascal
Игра Sokoban на Delphi + Блок схемы

Реклама



Подписывайся на YouTube канал о программировании, что бы не пропустить новые видео!

ПОДПИСЫВАЙСЯ на канал о программировании
Делаем закругленные уголки с помощью псевдоэлементов
Но есть способ уже сейчас избежать подобных вещей.


html-код:



Текст


Задаем голубой фон врезки:


.incut{background: #dff7ff;padding: 20px;}

Четыре уголка навешиваем на элементы :before и :after


.incut:before{
content:url(i/border_tl.gif);
background: url(i/border_tr.gif) no-repeat 100% 0;
height: 7px;
display: block;
margin: -20px -20px 13px -20px;
}

.incut:after{
content:url(i/border_bl.gif);
background: url(i/border_br.gif) no-repeat 100% 0;
height: 7px;
display: block;
margin:13px -20px -20px -20px;
}

Это работает во всех современных браузерах кроме IE (проверялось в Firefox 1–2, Opera 7–9, Safari 3). Для IE аналогичный функционал навешиваем с помощью JS (лучше помещать в отдельный файл CSS, специальный для IE):


.incut{
zoom:1;
behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '

' + this.innerHTML + '

') : '');
}

Работает в IE 6—7. При отключеных скриптах пользователь ie увидит голубой фон у врезки, т.е. ничего не сломается.

В результате имеем «пуленепробиваемую» врезку с минимумом html-кода. Заметьте, что вы можете указать ещё одну картинку у врезки, которая будет её бэкграундом.

Применяя эти псевдоэлементы, аналогичным образом можно значительно увеличить семантичность верстки. Всё зависит от вашей фантазии.

Источник: noinimod.
Опубликовал Kest October 27 2008 12:39:25 · 1 Комментариев · 6477 Прочтений · Для печати

• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •


Комментарии
Vovan April 10 2010 14:38:37
всё это фигня!!

для закруглённых уголков делается 9-тиклеточная таблица. И 9 рисунков к ней.
центральную ячейку можно объединить с двумя боковыми или с верхней и нижней.
PS: что не работает в ie, то не нужно никому!
Добавить комментарий
Имя:



smiley smiley smiley smiley smiley smiley smiley smiley smiley
Запретить смайлики в комментариях

Введите проверочный код:* =
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Нет данных для оценки.
Гость
Имя

Пароль



Вы не зарегистрированны?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Поделиться ссылкой
Фолловь меня в Твиттере! • Смотрите канал о путешествияхКак приготовить мидии в тайланде?
Загрузки
Новые загрузки
iChat v.7.0 Final...
iComm v.6.1 - выв...
Visual Studio 200...
CodeGear RAD Stud...
Шаблон для новост...

Случайные загрузки
Заставка. Изображ...
LaserTank [Исходн...
Алгоритм трассиро...
SysInfo [Исходник...
Degisy Data Acces...
PCX
Проигрыватель Mp3
Mass Photo Upload
Развивающийся фла...
Пример OpenGL гра...
SynEdit
Разработка интерн...
Delphi 7: Для про...
Конвертирование и...
Task Shedule
Иллюстрированный ...
Создание лабиринт...
RSS Feeds
Run
Панель статистики...

Топ загрузок
Приложение Клие... 100363
Delphi 7 Enterp... 81671
Converter AMR<-... 20043
Borland C++Buil... 10967
GPSS World Stud... 10147
Borland Delphi ... 7996
Turbo Pascal fo... 6951
Visual Studio 2... 4957
Калькулятор [Ис... 4212
FreeSMS v1.3.1 3506
Случайные статьи
Секция Alias
Использование DLL ...
10.7. Дополнительн...
Пример шифрования ...
Сортировка числово...
Язык С и С ++: дос...
База данных на пас...
Построение списка
Понятие свойства. ...
Как ответить на со...
Лабораторное занят...
Canon: как выбрать...
Гостевая книга на PHP
Грубые оценки
Чтение текста из д...
Простой скрипт CGI
Процедуры и функци...
Работа с MySQL. Де...
Предварительная по...
Современное состоя...
Принтеры и DTE
АБСТРАКТНЫЕ ТИПЫ Д...
Проблема ввода-выв...
Как ответить на во...
Маршрутизируемый п...
Статистика



Друзья сайта
Программы, игры


Полезно
В какую объединенную сеть входит классовая сеть? Суммирование маршрутов Занимают ли таблицы память маршрутизатора?