Всем добрый вечер. Сегодня задался таким вопросом. Как на мини сайте сделать таблицу с закругленными углами? Вот пример мини сайта с закругленной таблицей www.wordpress-video.ru . Свой мини сайт я делаю через Dremweaver 8, но в ней я не нашел такой функции. Подскажите как сделать такую закругленную таблицу?
Как сделать закругленную таблицу
Автор темы Roman Gonzyuh, 11 ноя 2009 15:12
Сообщений в теме: 3
#1
Отправлено 11 Ноябрь 2009 - 15:12
#2
Отправлено 11 Ноябрь 2009 - 16:34
Создать таблицу, добавить две дополнительные колонки и две дополнительные строки, расположить их так, чтобы по углам таблицы было четыре квадрата, установить в качестве фоновых ихображений этих квадратов картинки с рисунками закругленных улов.
#3
Отправлено 11 Ноябрь 2009 - 16:37
На том сайте это все сделано картинками.
[codebox].ft_corner {
border:1px solid #CCCCCC;
position: relative;
margin-bottom: 5px;
margin-left: 19px;
margin-right: 19px;
margin-top: 5px;
}
.ltc {
background-image: url(../img_template_steps/corner/corner10_01.gif);
position: absolute;
left: -1px;
top: -1px;
background-position: 0px 0px;
}
.rtc {
background-image: url(../img_template_steps/corner/corner10_02.gif);
position: absolute;
top: -1px;
right: -1px;
background-position: 10px 0px;
}
.ldc {
background-image: url(../img_template_steps/corner/corner10_03.gif);
position: absolute;
left: -1px;
bottom: -1px;
background-position: left bottom;
background-repeat: no-repeat;
}
.rdc {
background-image: url(../img_template_steps/corner/corner10_04.gif);
position: absolute;
bottom: -1px;
right: -1px;
background-position: right bottom;
background-repeat: no-repeat;
}
.ltc, .rtc, .ldc, .rdc {height: 20px; width: 10px; z-index: 100}[/codebox]
Ну вроде все так. если нигде не ошибся.
[codebox].ft_corner {
border:1px solid #CCCCCC;
position: relative;
margin-bottom: 5px;
margin-left: 19px;
margin-right: 19px;
margin-top: 5px;
}
.ltc {
background-image: url(../img_template_steps/corner/corner10_01.gif);
position: absolute;
left: -1px;
top: -1px;
background-position: 0px 0px;
}
.rtc {
background-image: url(../img_template_steps/corner/corner10_02.gif);
position: absolute;
top: -1px;
right: -1px;
background-position: 10px 0px;
}
.ldc {
background-image: url(../img_template_steps/corner/corner10_03.gif);
position: absolute;
left: -1px;
bottom: -1px;
background-position: left bottom;
background-repeat: no-repeat;
}
.rdc {
background-image: url(../img_template_steps/corner/corner10_04.gif);
position: absolute;
bottom: -1px;
right: -1px;
background-position: right bottom;
background-repeat: no-repeat;
}
.ltc, .rtc, .ldc, .rdc {height: 20px; width: 10px; z-index: 100}[/codebox]
Ну вроде все так. если нигде не ошибся.
Все будет Хорошо!=)
#4
Отправлено 11 Ноябрь 2009 - 19:43
ааа, всем большое спасибо.Помогли
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 скрытых пользователей