заоблени ръбове

[release]

ето това е кода на едно меню ако може така да се нарече :

<tr>
    <td width="20%" valign="top">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">	
  <tr>
   <td width="100%" id="menubg">Транспорт</td></tr>
  <tr>
   <td colspan="3" class="menubrd"><p align="center"><a href="transport.php"><img src="images/tttt.jpg" width="212" height="115" border="0" /></a></p>
     <p align="center" class="style2"><a href="transport.php">Фирмата предлага и транспортни услуги в цялата страна до 4 тона.</a> </p></td>
  </tr></table>

а това е ЦСС:

#menubg {
background: url(../images/menubg.gif) repeat-x;
height: 25px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: center;
border: 1px #000000 solid;
}

как ще стане на това да е с заоблени ръбове ?

 

[Razbitcomet]

В CSS добави:

-moz-border-radius: 2em;
border-radius: 2em;

 

[release]

мерси
+1

 

[BoBySS]

Не съм ползвал тази функция... Добре ли я визуализира под всички браузъри?
Поздрави!

 

[Razbitcomet]

Не съм ползвал тази функция... Добре ли я визуализира под всички браузъри?
Поздрави!

Opera, Firefox, Chrome нямат проблеми. За съжаление, мисля че при версиите на IE < 7 не работи.

 

[adrian]

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

Пропуснал си префикса за Mozilla (който е необходим за малко по-старите версии).

Работи идеално под всички съвременни браузъри с изключение на IE 6-8. Разбира се можеш да преодолееш този проблем като използваш css3pie

 

[tedobedo]

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

Пропуснал си префикса за Mozilla (който е необходим за малко по-старите версии).

Работи идеално под всички съвременни браузъри с изключение на IE 6-8. Разбира се можеш да преодолееш този проблем като използваш css3pie

Аз ще допълня и с :

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-о-border-radius: 2em;
border-radius: 2em;

 

[adrian]

Opera няма префикс за border-radius Тя си използва чистото свойство

http://www.the-art-of-web.com/css/border-radius/