Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.09.2008, 15:12
Интересующийся
Отправить личное сообщение для baal1988 Посмотреть профиль Найти все сообщения от baal1988
 
Регистрация: 14.08.2008
Сообщений: 28

Создание закругленные края с резиной по weight и height
Вообщем проблема такая необходимо создать стиль для закругления краев и тени, которая может тянуться по ширине и высоте вот собственно мой код - проблема в том что я думаю его можно улучшить... Заранее спасибо за помощь...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

div.cs {
	background:url(left_top.jpg) top left no-repeat;
	position:absolute;
	left: 100px;
	width: 656px;
	top:20px;
	visibility: visible;
}

div.ps { margin-left:24px;  height:28px; background: url(top-x.jpg) top left repeat-x;}

div.ps1 { background:url(right_top.jpg) top right no-repeat; height:28px;}

div.ps2 { width:100%; height:80%; background:url(left-y.jpg) left top repeat-y ; }

div.content {margin:0px; background:url(right-y.jpg) right top repeat-y ; padding-left:1em; height:100%;  }

div.ps4 { background:url(left_bottom.jpg) left bottom no-repeat; height:28px; float:left; width:24px; }

div.gs4 {height: 28px; background:url(right_bottom.jpg) right bottom no-repeat;}

div.gs2 { height: 28px; background:url(bottom-x.jpg) left bottom repeat-x;}

div.gs3 { height: 28px; background:url(left_bottom.jpg) left bottom no-repeat; float:left; width:24px;}

div.gs4 {height: 28px; background:url(right_bottom.jpg) right bottom no-repeat;}

}
</style>
</head>

<body>

<div class="cs">
  <div class="ps">
    <div class="ps1">&nbsp;</div>
  </div>
  <div class="ps2">
    <div class="content">
    <table width="91%" height="242" border="1">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    </div>
  </div>
  <div class="gs2">
    <div class="gs3">&nbsp;</div>
    <div class="gs4">&nbsp;</div>
  </div>
</div>
</body>
</html>
Вложения:
Тип файла: zip zakruglenie.zip (45.8 Кб, 37 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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