Заобляне на border

[eddy]

Здравейте ,
Искам да заобля ъглите , пример вижте от ляво на вас където ви е профила как е заоблено.Обаче без картинки.

Ето това използвам аз и мисля че по него трябва да се направи нещо.

#left {

display:inline;
float: left;
width: 180px;
height: 200px;
border: 3px solid #FF9900;
margin-left: 90px;

}

 

[adrian]

http://www.malsup.com/jquery/corner/

 

[eddy]

Може ли малко по точно да ми обясниш как да си го направя че този линк нещо... jquery ?

 

[adrian]

Мдам с jquery според мен е най-лесният начин. Сваляш jquery.corner.js и самият jquery

Вкарваш ги двата файла със <script type="text/javascript" src=""></script>
И после пишеш

<script type="text/javascript">
$(init);
function init() {
$("#left").corner();
}
</script>

Като на мястото на #left пишеш дивът, на който искаш да заоблиш ъглите.

 

[shterev]

  -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, I

E 9 */

 

[baso]

<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

Пробвай така.

И малко пояснения от мен да си знаеш

Заобляне само на горен ляв ъгъл.

-moz-border-radius-topleft
-webkit-border-top-left-radius

Заобляне само на горен десен ъгъл.

-moz-border-radius-topright
-webkit-border-top-right-radius

Заобляне само на долен ляв ъгъл.

-moz-border-radius-bottomleft
-webkit-border-bottom-left-radius

Заобляне на долен десен ъгъл.

-moz-border-radius-bottomright
-webkit-border-bottom-right-radius

 

[eddy]

Мерси много , самоче тези неща

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

в css файла ли трябва да ги сложа и точно каде защото нещо не ми ги отчита.

 

[Dizasterr]

Мерси много , самоче тези неща

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

в css файла ли трябва да ги сложа и точно каде защото нещо не ми ги отчита.

Слагаш ги в css файла или в стиловете в html файла. Не ги отчита ако ги изпробваш на Internet Explorer или на Opera.

#myid {
width: ? px;
heightL ? px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

 

[eddy]

Мерси на всички.

 

[eddy]

Това с jquery не ми се получава дали защото самото разширение на index - а ми е html ?

 

[freshbg1]

Не, няма начин. Явно нещо не правиш както трябва, за да не става, защото при мен работи.

 

[nikssa23]

Здравейте на всички ,може ли някои да разясни как става заоблянето на отделни ъгли на даден див защото на css3 знам но на js не ми е ясно :/
свързал съм js всичко е ок но не знам за отделните:/.
Мерси предварително.