Помогите разобраться с блоком. Я в писал в CSS div.module { position:relative; border:1px solid #999999;/*Граница под цвет закругленных углов*/ width:100%;/*Ширина бокса обязательно только для ie6, для нормальных браузеров можно не ставить. Или же ставим нужную вам.*/ } div.module div { padding:10px;/* Отступ контента, желательно не меньше чем радиус закругленного блока*/ } div.module .tl { background:url(images/round.png) 0 0 no-repeat;/*путь к картинке - у каждого свой*/ width:10px; height:10px; top:-1px; left:-1px; position:absolute; } div.module .tr { background:url(images/round.png) 100% 0 no-repeat; /*путь к картинке - у каждого свой*/ width:10px; height:10px; top:-1px; right:-1px; position:absolute; } div.module .bl { background:url(images/round.png) 0 100% no-repeat; /*путь к картинке - у каждого свой*/ width:10px; height:10px; bottom:-1px; left:-1px; position:absolute; } div.module .br { background:url(images/round.png) 100% 100% no-repeat; /*путь к картинке - у каждого свой*/ width:10px; height:10px; bottom:-1px; right:-1px; position:absolute; } Появляется блок, все работает но только углы прямые в HTML вписал <div class="module"> <span class="tl"></span> <span class="tr"></span> <div> Module content </div> <span class="bl"></span> <span class="br"></span> </div> источник информации http://www.master-web.info/joomla-rounded-corners-modify/ что не так или что то не хватает?
Если Вас правильно понял, У Вас не прописаны радиусы, нужно вписать подобное. { Width:100px; Height:100px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; } Прошу не пинать меня ногами, я только учусь.
Походу получилось вписал вот так div.module { position:relative; border:1px solid #FFDAB9; width:15%; border-radius; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; background: #FFDAB9 Спасибо!