Tarasishe
Постоялец
- Регистрация
- 26 Апр 2008
- Сообщения
- 190
- Реакции
- 142
- Автор темы
- #1
Собственно необходимо объедение 6 изображений в одно... и путем описания в CSS показывать нужную часть картинки.
Вот как из этого соорудить CSS спрайт ?
HTML:
#container-all{background:url(bg_heade.png) top repeat-x;padding:0 10px;}
#speedbar{font-size:70%;background:url(icon-hom.png) no-repeat left;color:#616367;padding:0 0 0 20px;}
.menu{max-width:1138px;background:url(menu-l.png) no-repeat left;margin:0 auto;}
.menu ul.r{background:url(menu-r.png) no-repeat right;}
.order-button{display:block;width:63px;height:28px;background:url(ordering.png) top no-repeat;margin:5px 0 0;}
.order-button:hover{background:url(ordering.png) bottom no-repeat;}
.show-tags-homepage-button{float:right;display:block;width:23px;height:19px;background:url(plus.gif) no-repeat;margin:12px 33px 0 0;}
Вот как из этого соорудить CSS спрайт ?