Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 20.04.2010, 10:13   #1
Manonia
Пользователь
 
Регистрация: 13.01.2010
Сообщений: 77
По умолчанию Таблица с закругленными углами с рамкой

Доброе время суток!
Нужно сделать таблицу с закругленными углами, есть четыре рисуночка(уголки). Материалу куча, сама табличка получилась. Но дело в том, что таблица с рамкой, поэтому результат получается см. вложение. Как это исправить? уголки прилагаются.
HTML:

Код HTML:
<div class="roundcont">
   <div class="roundtop">
	 <img src="images/images/left_top.gif" alt="" 
	 width="10" height="10" class="corner" 
	 style="display: none" />
   </div>

   <p><form action="<?= CAR_PATH ?>search/" method="GET" name=add_avto>
<table border="0" width="100%" cellspacing="10" cellpadding="0">
bla-bla-bla
</table></form></p>
  
   <div class="roundbottom">
	 <img src="images/images/left_bottom.gif" alt="" 
	 width="10" height="10" class="corner" 
	 style="display: none" />
   </div>
</div>
Стили:
Код:
.roundcont {
	width: 450px;
	background-color: #fff3c3;
	color: #fff;
	border: 1px solid #f5d29a
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/right_top.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/right_bottom.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
   
}
Изображения
Тип файла: jpg search.jpg (56.7 Кб, 124 просмотров)
Тип файла: gif left_bottom.gif (176 байт, 125 просмотров)
Тип файла: gif left_top.gif (176 байт, 118 просмотров)
Тип файла: gif right_bottom.gif (176 байт, 122 просмотров)
Тип файла: gif right_top.gif (176 байт, 123 просмотров)
Manonia вне форума Ответить с цитированием
Старый 20.04.2010, 14:52   #2
MrJenika
Форумчанин
 
Аватар для MrJenika
 
Регистрация: 07.09.2009
Сообщений: 361
По умолчанию

так выставьте в таблице border: 0 ;
в чём же проблема?
MrJenika вне форума Ответить с цитированием
Старый 20.04.2010, 15:18   #3
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Убираем бордюр у таблицы и рисуем его самостоятельно.
Arigato вне форума Ответить с цитированием
Старый 21.04.2010, 08:42   #4
Manonia
Пользователь
 
Регистрация: 13.01.2010
Сообщений: 77
По умолчанию

MrJenika, проблема в том, что бордюр должен быть =)
Arigato, а как нарисовать не подскажете?
Manonia вне форума Ответить с цитированием
Старый 21.04.2010, 13:56   #5
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Ну так же, как и уголки.
Arigato вне форума Ответить с цитированием
Старый 21.04.2010, 18:00   #6
MrJenika
Форумчанин
 
Аватар для MrJenika
 
Регистрация: 07.09.2009
Сообщений: 361
По умолчанию

берёте однопиксельные картинки и растягиваете их по осям в качестве бордеров для дивов.
MrJenika вне форума Ответить с цитированием
Старый 22.04.2010, 09:42   #7
Manonia
Пользователь
 
Регистрация: 13.01.2010
Сообщений: 77
По умолчанию

Ок, спасибо! )
Manonia вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод картинки с рамкой Syltan PHP 6 10.03.2010 02:18
Таблица с закругленнымы углами HOG_Seruj HTML и CSS 5 04.01.2010 21:07
Проблема с рамкой =( dragwas HTML и CSS 3 03.02.2009 01:44
Кнопки с закругленными углами Aboltus Компоненты Delphi 4 28.08.2008 00:10
Работа с углами в Microsoft Excel OlegYalovets Microsoft Office Excel 1 24.09.2007 04:00