Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > помогите сверстать фрагмент


Автор: Ctulhy 2.8.2008, 16:15
Помогите сверстать элементарный фрагмент (дивы или таблица - все равно). Кодил всю ночь, видимо это сказывается - эпически туплю, ничего не получается с репит. 

Автор: bars80080 2.8.2008, 17:25
что у тебя не получается? закруглённые углы?

самое простое:
Код

<style>
* { margin: 0; padding: 0; }
#qw { background: #000000; }
#tab { border: 0px; border-collapse: collapse; margin: 5px; }
#tab .tl { background-image(tl.png); }
#tab .t { background-image(t.png); background-repeat: repeat-x; height: 5px; }
#tab .tr { background-image(tr.png); }
#tab .l { background-image(l.png); background-repeat: repeat-y; width: 5px; }
#tab .r { background-image(r.png); background-repeat: repeat-y; width: 5px; }
#tab .bl { background-image(bl.png); }
#tab .b { background-image(b.png); background-repeat: repeat-x; height: 5px; }
#tab .br { background-image(br.png); }

#tab .content { background: #cccccc; }
</style>
<div id="qw">
<table id="tab">
<tr><td class="tl"></td><td class="t"></td><td class="tr"></td></tr>
<tr><td class="l"></td><td class="content"></td><td class="r"></td></tr>
<tr><td class="bl"></td><td class="b"></td><td class="br"></td></tr>
</table></div>

Автор: Ctulhy 4.8.2008, 16:41
спасибо)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)