Вы не зашли.
#1.
TLENS
Off
(14)
Moderator
2011.03.03 05:05
Можно ли как нибудь сделать заливку кусочком картинки?
То есть надо картинкой green.gif зделать заливку repeat-x
Но только кусочком картинки left-8 top-0 right - 2 bottom-2
Как это реализовать?
#3.
TLENS
Off
(14)
Moderator
2011.03.03 08:08
И что это?
Я полночи там просидел
это решение твоей проблемы. изучи тему и вопрос отпадет.
#5.
TLENS
Off
(14)
Moderator
2011.03.03 11:11
Да я просто понял что к чему щас вот воще решил верстать без картинок не но будет пару но всеже вот незнаю как нормально углы закруглить
Вот начал делать так
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
Самый нормальный вариант но IE проблемно ровные я то подумал пускай будут
ну и естессна нормальный border-radius добавь, а не только покстыли под вебкит и гекко
#7.
TLENS
Off
(14)
Moderator
2011.03.03 14:02
О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать
TLENS, до IE9 только костылями вроде картинок по углам
#9.
TLENS
Off
(14)
Moderator
2011.03.03 14:02
А все для чего кому не нравится дизайн просто кликнул и изменился цвет всего сайта.
А картинками ну просто кучу создавать не вариант
PS
Да надо обновит себе
Отредактировано TLENS (2011.03.03 14:02)
TLENS написал:
О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать
нужно 5 div-ов (сделал для движка своего, выложу завтра всё), но им не сравняться с border-radius.
При указаний через css div-у 1px высоту или толщину бордюра, на мониторе 4 px задействуются.
При border-radius каждый пиксель на мониторе задействовался + тень. Это через Хром заметил при макс увеличении.
Отредактировано tipsun (2011.03.04 00:12)
#11.
TLENS
Off
(14)
Moderator
2011.03.04 08:08
Дак я о чем. Корочь я так думаю пускай в ie будут острые углы оно тоже прикольно смотрится
Вот как бы закругление:
Если понадобится
Я ошибся, она даже не 4 px берет, а 9 px
Код:
| //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; } |
Код:
| //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> |
Вложения
Угол.jpg
2kb
{28x28}
[
загрузок: 1292]
Отредактировано tipsun (2011.03.04 09:09)
