TLENS » 2011.03.03 05:19

Можно ли как нибудь сделать заливку кусочком картинки?
То есть надо картинкой green.gif зделать заливку repeat-x
Но только кусочком картинки left-8 top-0 right - 2 bottom-2
Как это реализовать?

Gemorroj » 2011.03.03 08:03

http://www.google.com/search?client=ope … p;oe=utf-8

TLENS » 2011.03.03 08:30

И что это?
Я полночи там просидел

Gemorroj » 2011.03.03 08:45

это решение твоей проблемы. изучи тему и вопрос отпадет.

TLENS » 2011.03.03 11:34

Да я просто понял что к чему щас вот воще решил верстать без картинок не но будет пару но всеже вот незнаю как нормально углы закруглить
Вот начал делать так
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
Самый нормальный вариант но IE проблемно ровные я то подумал пускай будут

Gemorroj » 2011.03.03 11:37

ну и естессна нормальный border-radius добавь, а не только покстыли под вебкит и гекко

TLENS » 2011.03.03 14:38

О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать

Gemorroj » 2011.03.03 14:39

TLENS, до IE9 только костылями вроде картинок по углам

TLENS » 2011.03.03 14:40

А все для чего кому не нравится дизайн просто кликнул и изменился цвет всего сайта.
А картинками ну просто кучу создавать не вариант
PS
Да надо обновит себе

tipsun » 2011.03.04 00:02

TLENS написал:

О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать

нужно 5 div-ов (сделал для движка своего, выложу завтра всё), но им не сравняться с border-radius.
При указаний через css div-у 1px высоту или толщину бордюра, на мониторе 4 px задействуются.
При border-radius каждый пиксель на мониторе задействовался + тень. Это через Хром заметил при макс увеличении.

TLENS » 2011.03.04 08:17

Дак я о чем. Корочь я так думаю пускай в ie будут острые углы оно тоже прикольно смотрится

tipsun » 2011.03.04 09:52

Вот как бы закругление: http://wapinet.ru/forum/download.php?aid=456
Если понадобится :)
Я ошибся, она даже не 4 px берет, а 9 px

Код:

1
2
3
4
5
6
7
8
9
10
11
12
//css
div.h1 { height: 1px; background-color: #000; margin: 0px 9px; }
div.h2 { height: 1px; background-color: #000; margin: 0px 5px; }
div.h3 { height: 1px; background-color: #000; margin: 0px 3px; }
div.h4 { height: 2px; background-color: #000; margin: 0px 2px; }
div.h5 { height: 4px; background-color: #000; margin: 0px 1px; }
 
div.f5 { height: 1px; background-color: #000; margin: 0px 9px; }
div.f4 { height: 1px; background-color: #000; margin: 0px 5px; }
div.f3 { height: 1px; background-color: #000; margin: 0px 3px; }
div.f2 { height: 2px; background-color: #000; margin: 0px 2px; }
div.f1 { height: 4px; background-color: #000; margin: 0px 1px; }

Код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//html
<div class="h1"></div>
<div class="h2"></div>
<div class="h3"></div>
<div class="h4"></div>
<div class="h5"></div>
 
<div class="main"></div>
 
<div class="f1"></div>
<div class="f2"></div>
<div class="f3"></div>
<div class="f4"></div>
<div class="f5"></div>