Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: оформление DIV границ
 
 автор: tima2010   (14.04.2010 в 13:01)   письмо автору
95.9 Кб
 
 

Привет подскажите пожалуйста как сделать такие границы в DIV как показано на рисунке в прикрепленном файле?

  Ответить  
 
 автор: АЯ   (14.04.2010 в 13:22)   письмо автору
 
   для: tima2010   (14.04.2010 в 13:01)
 

вас что - в Гугле забанили?

Идете в поисковик, набираете прямым текстом "как скруглить углы у дива", и будет вам полное Щастье.

Здесь Форум для помощи при решении каких-то сложных вопросов, а не ликбез для ленивых невежд.

  Ответить  
 
 автор: AlexShag   (14.04.2010 в 15:42)   письмо автору
 
   для: tima2010   (14.04.2010 в 13:01)
 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<title>Test</title>

<style type="text/css">
 html { height:100% }
 body { height:100%; margin:0px; padding:0px; }

.grc {padding: 5px 15px;}
.grc .e{display:block; position: relative;}
.grc .e *{display: block; overflow: hidden; position: relative; z-index: 2; font-size: 0px;}
.grc b.e b, .grc b.e i, .grc b.e u, .grc b.e s, .grc b.e span, .grc b.e strong {height: 1px !important; background: #1d5198;}
.grc b.e b, .grc b.e i, .grc b.e s {border-left:1px solid #f1f4f9; border-right:1px solid #f1f4f9;}
.grc b.e u, .grc b.e b strong, .grc b.e i strong, .grc b.e span {border-left:1px solid #9eb4d3; border-right:1px solid #9eb4d3;}
.grc b.e b{margin: 0 3px;}
.grc b.e i{margin: 0 1px;}
.grc b.e u{margin: 0 1px;}
.grc b.e s{margin: 0;}
.grc b.e b strong, .grc b.e i strong {margin: 0;}
.grc b.e span{margin: 0;}
.grc div{background: #1d5198; padding: 0 10px; color: white;}

</style>

</head>
<body>
<div style='width: 400px'>
<div class='grc'>
<b class='e'><b><strong></strong></b><i><strong></strong></i><u></u><s></s><span></span></b>
<div style='height:100px'>Здесь применено углубленное двойное сглаживание.<br/>Вес кода 1 130 Kb.</div>
<b class='e'><span></span><s></s><u></u><i><strong></strong></i><b><strong></strong></b></b>
</div>
</div>
</body>
</html>

  Ответить  
 
 автор: mihdan   (15.04.2010 в 12:34)   письмо автору
 
   для: tima2010   (14.04.2010 в 13:01)
 

Выбирайте

  Ответить  
 
 автор: Andreano   (17.04.2010 в 15:41)   письмо автору
69.2 Кб
 
   для: tima2010   (14.04.2010 в 13:01)
 

Вот пример кода моего:

<script type="text/javascript" src="script/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="script/jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#divcat2").corner("round 10px");

})
</script>

вот прикрепил jquery-1.4.1.min.js

  Ответить  
 
 автор: Andreano   (17.04.2010 в 15:42)   письмо автору
9.8 Кб
 
   для: tima2010   (14.04.2010 в 13:01)
 

и вот плагин для джикуэри

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования