Навигация
Главная
Поиск
Форум
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
Бип из системно... 58726
Invision Power ... 57708
Организация зап... 57508
Модуль Forms 56549
Создание отчето... 55159
Приложение «Про... 54897
Подключение Mic... 54700
Оператор выбора... 54491
ТЕХНОЛОГИИ ДОСТ... 51214
Программируемая... 47862
Пример работы с... 46976
Имитационное мо... 46909
21 ошибка прогр... 41944
Реклама
Сейчас на сайте
Гостей: 6
На сайте нет зарегистрированных пользователей

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

Программа тестирования и обучающая программа по математике на Turbo Pasc...
Игра Sokoban на Delphi + Блок схемы
Движение шарика в эллиптическои параболоиде на Delphi [OpenGL] + Блок схемы

Реклама

Делаем закругленные уголки с помощью псевдоэлементов
Но есть способ уже сейчас избежать подобных вещей.


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 Комментариев · 5978 Прочтений · Для печати

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


Комментарии
Vovan April 10 2010 15: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...
Шаблон для новост...

Случайные загрузки
Web Регистрация
Как программирова...
Delphi 7 Enterpri...
Последние загруж...
Песочные часы
Импорт новостей ...
MpegPlay
Pro-Download Sys...
Нестандартные при...
Battle.Net - мони...
Основы программир...
Пример клиента ФТ...
CoolHints2k v1.03
Report
База каталогов ( ...
PDJXPPack
Советы от Даниилы...
Меню проводника в...
SMLPack v1.0
Иллюстрированный ...

Топ загрузок
Приложение Клие... 100276
Delphi 7 Enterp... 75278
Converter AMR<-... 20017
Borland C++Buil... 10487
GPSS World Stud... 8861
Borland Delphi ... 7492
Turbo Pascal fo... 6868
Visual Studio 2... 4869
Калькулятор [Ис... 3847
FreeSMS v1.3.1 3482
Случайные статьи
Другие реализации ...
Структура объекта ...
Разработать и реал...
Настраиваемые конс...
Библиотека Matrix
0, добавьте следую...
пару открытый/закр...
Адреса, локальные ...
Сохранение состоян...
Задачи, использующ...
Восстановление дан...
Подсписок из списк...
Понятие функтора
Скобки и иерархия ...
Имет ли первый иде...
Оформление курсовой
Литература - Микро...
СGІ-запрос
Класс TJPEGImage
Для восстановления...
4.4. Проблемы, св...
Фрикинг телефонных...
Image::Magick или ...
Примеры кода
Constant expected
Статистика



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


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