Сделать таблицу 3х3 только для того, чтобы в углы загрузить картиночки закруглённых уголков. А содержимое помещать в центральную ячейку.
Ещё можно кучей вложенных элементов, но Вам это пока недоступно, да и неправильно.
Когда выйдет спецификация CSS 3 это будет прописываться одной простой директивой. Ну лет через 5. Тогда Вам товарищ Alex об этом и расскажет. Ну а пока у нас спецификация CSS 2.1 в которой не существует никаких закруглённых уголков.
О! Да вот и он! ))) Рановато, рановато!. . )))
Другие языки программирования и технологии
как в html таблицах зделать закругленные уголки? заранее благодарен
Тов. Мюнхгаузен, вы меня удивляете.. . =)
Вы предложили таблицу.. .
А как же навесить уголки средствами CSS?
Вы предложили таблицу.. .
А как же навесить уголки средствами CSS?
Попробуй так (я так и делаю, вообще все зависит от объекта, у которого закругляются углы)
HTML(не забудь заменить фигурные скобки на треугольные) :
{div class="module"}
{div}
{div}
{div}
Текст
{/div}
{/div}
{/div}
{/div}
CSS:
div.module {
margin: 10px 8px 0px 15px;
width: 186px;
background: url(../images/mod_top.gif) top left no-repeat;
}
div.module div {
background: url(../images/mod_bot.gif) bottom left no-repeat;
padding-bottom: 13px; /* Высота нижней картинки */
padding-top: 14px; /* Высота верхней картинки */
}
div.module div div {
background: url(../images/mod_mid.gif) repeat-y;
padding: 0px 10px 0px 10px;
}
div.module div div div {
background: url(../images/px.gif) no-repeat;
padding: 0;
width: auto! important;
width: 100%;
}
div.module div div div h3 {
display: block;
padding : 0px 0px 10px 0px;
margin : 0;
font-family : Arial, Verdana;
font-size : 12px;
font-weight : bold;
color : #527a33;
text-transform : uppercase;
text-align : center;
letter-spacing : 1px;
}
HTML(не забудь заменить фигурные скобки на треугольные) :
{div class="module"}
{div}
{div}
{div}
Текст
{/div}
{/div}
{/div}
{/div}
CSS:
div.module {
margin: 10px 8px 0px 15px;
width: 186px;
background: url(../images/mod_top.gif) top left no-repeat;
}
div.module div {
background: url(../images/mod_bot.gif) bottom left no-repeat;
padding-bottom: 13px; /* Высота нижней картинки */
padding-top: 14px; /* Высота верхней картинки */
}
div.module div div {
background: url(../images/mod_mid.gif) repeat-y;
padding: 0px 10px 0px 10px;
}
div.module div div div {
background: url(../images/px.gif) no-repeat;
padding: 0;
width: auto! important;
width: 100%;
}
div.module div div div h3 {
display: block;
padding : 0px 0px 10px 0px;
margin : 0;
font-family : Arial, Verdana;
font-size : 12px;
font-weight : bold;
color : #527a33;
text-transform : uppercase;
text-align : center;
letter-spacing : 1px;
}
Похожие вопросы
- А есть бесплатный классный фотошоп??? =)Заранее благодарю=) =) Заранее благодарю=)
- Что можно снести из реестра и т.д. у Windows XP, чтобы он пожирал меньше ресурсов? Заранее благодарю.
- Напише прогу на Pascal'e...Заранее благодарен
- как сделаться администратором с полными правами в виндовс 7 подскажите пошагово, заранее благодарен!!
- Что за формат такой djvu И через что его открывать ?? Заранее благодарю за ответы
- Алгоритмы в паскале. Народ, напишите плиз алгоритм нахождения НОД и алгоритм выделения цифр числа. Заранее благодарю)
- Помогите выбрать антивирусник! Какой лучше, и если есть варианты скачать его бесплатно! Заранее благодарю!
- Люди напишите пожалуйста подробно ! как узнать исходный код программ и игр ? Заранее благодарен .
- Форматирование. Что означает форматирование, и что оно делает? Буду заранее благодарен!
- посоветуйте хороший качественный материал по разработке сайта? заранее благодарю.