| |
 3.5 Кб |
|
| | Есть картинка, на которой умещены десять деталей дизайна. Как мне к свойствам css применять одну эту картинку на все возможные случаи? Я так понимаю нужно указывать координаты, только не пойму как именно. Может кто сталкивался с подобным решением? | |
| |
|
|
| |
|
|
| |
для: deimand
(30.08.2010 в 23:00)
| | | Это легко. Задаёте нужному элементу фиксированную ширину и свойство background по следующему шаблону:
background: url('buttons.png') 50px top no-repeat;
|
Разумеется, вместо 50px Вы подставите нужный сдвиг по оси X.
Ещё лучше - задать классы для каждого случая:
.button1 { width: 10px; background: url('buttons.png') 0px top no-repeat; }
.button2 { width: 15px; background: url('buttons.png') 10px top no-repeat; }
.button3 { width: 20px; background: url('buttons.png') 30px top no-repeat; }
...
|
| |
| |
|
|
| |
|
|
| |
для: bishake
(30.08.2010 в 23:11)
| | | спасибо, попробую. | |
| |
|
|
| |
|
|
| |
для: bishake
(30.08.2010 в 23:11)
| | | нет не получается. как выдернуть из картинки 1px ширины и придать ему repeat-x? | |
| |
|
|
| |
|
|
| |
для: deimand
(30.08.2010 в 23:53)
| | | А вот тут проблемка будет. Для этого Ваш универсальный бекграунд, к сожалению, не подойдёт... Такие "универсальные" картинки не могут использоваться для растяжки, для этого придётся нарисовать другие - однопиксельные | |
| |
|
|
| |
|
|
| |
для: bishake
(31.08.2010 в 00:33)
| | | как тогда это реализовано? может я чего упустил? | |
| |
|
|
| |
|
|
| |
для: deimand
(31.08.2010 в 00:49)
| | | http://www.mt5.com/data/bg-nav-it.png | |
| |
|
|
