|
| |
|
|
| |
для: Dinya_1
(30.10.2008 в 19:38)
| | | Создаётся нужный каркас с уголками по краям. Туда вставляются кусочки картинки с зкруглением. Или слоями лепят. | |
| |
|
|
| |
|
|
| |
для: lorenberg
(30.10.2008 в 19:46)
| | | Может у кого то есть пример того как вставить кусочки картинки с закруглением... | |
| |
|
|
| |
|
|
| |
для: Dinya_1
(30.10.2008 в 19:55)
| | | рисуешь просто закруглённые уголки и вставляешь по бокам таблицы например.. чё тут сложного-то :) | |
| |
|
|
| |
|
|
| |
для: Dinya_1
(30.10.2008 в 19:55)
| | | Вырезаете 4 уголка: правый верхний, левый верхний и тд. Я их в примере назвал: top_left.gif, top_right.gif и тд.
Берете код ниже и играетесь!
Примечание: цвет фона у класса .tl - это цвет ваших уголков. Вернее цвет, который должен быть фоном всего внутреннего...
<!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">
* {
margin:0;
padding:0;
}
.tl {
background:#fc6 url(top_left.gif) no-repeat 0 0;
}
.tr {
background: url(top_right.gif) no-repeat 100% 0;
}
.bl {
background: url(bottom_left.gif) no-repeat 0 100%;
}
.br {
background: url(bottom_right.gif) no-repeat 100% 100%;
}
</style>
</head>
<body>
<div class="tl">
<div class="tr">
<div class="bl">
<div class="br">
<table>
...
</table>
</div>
</div>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Dinya_1
(30.10.2008 в 19:38)
| | | советую ознакомиться с линками, перед началом "рисования" закругленных уголков:
http://www.cssplay.co.uk/boxes/curves.html
http://www.cssplay.co.uk/boxes/krazy.html | |
| |
|
|
| |
|
|
| |
для: Волки
(31.10.2008 в 12:03)
| | | Как вариант. Но не кажется ли, что это замусоривает код: толпа лишних элементов, не несущих никакой инфы! | |
| |
|
|
| |
|
|
| |
для: Madman
(31.10.2008 в 12:08)
| | | Не кажется ли, что четыре(!) обращения к серверу за картинками, пусть маленькими, по 250 байт, много дольше чем несколько байт внутри кода страницы?
С другой стороны если речь идет о дополнительных эффектах, типа теней, полупрозрачные картинки, то конечно разумно использовать png(gif)
в общем дело вкуса и потребностей | |
| |
|
|
