Перейти к содержимому

Фотография

Как сделать закругленную таблицу


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Roman Gonzyuh

Roman Gonzyuh

    Коммерсант

  • Киберсанты
  • PipPipPipPip
  • 330 сообщений
10
Хороший
  • Пол:Мужчина

Отправлено 11 Ноябрь 2009 - 15:12

Всем добрый вечер. Сегодня задался таким вопросом. Как на мини сайте сделать таблицу с закругленными углами? Вот пример мини сайта с закругленной таблицей www.wordpress-video.ru . Свой мини сайт я делаю через Dremweaver 8, но в ней я не нашел такой функции. Подскажите как сделать такую закругленную таблицу? :angry:
  • 0

#2 Ярослав

Ярослав

     

  • Киберсанты
  • PipPipPipPipPip
  • 2 557 сообщений
274
Очень хороший
  • Пол:Мужчина

Отправлено 11 Ноябрь 2009 - 16:34

Создать таблицу, добавить две дополнительные колонки и две дополнительные строки, расположить их так, чтобы по углам таблицы было четыре квадрата, установить в качестве фоновых ихображений этих квадратов картинки с рисунками закругленных улов.
  • 0

#3 FORS

FORS

    Никогда не сдавайся!

  • Киберсанты
  • PipPipPipPipPip
  • 1 112 сообщений
302
Очень хороший
  • Пол:Мужчина

Отправлено 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]

Ну вроде все так. если нигде не ошибся.
  • 0

Все будет Хорошо!=)


#4 Roman Gonzyuh

Roman Gonzyuh

    Коммерсант

  • Киберсанты
  • PipPipPipPip
  • 330 сообщений
10
Хороший
  • Пол:Мужчина

Отправлено 11 Ноябрь 2009 - 19:43

ааа, всем большое спасибо.Помогли
  • 0




Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 скрытых пользователей