У меня есть сайт, где я показываю 8/9 изображений подряд. На этапе сборки можно сделать 9 http-вызовов на моем локальном компьютере, но я хочу использовать технику css-sprite, чтобы уменьшить количество http-вызовов на реальном веб-сайте. Но я не могу произвести такой css-спрайт. Пожалуйста, помогите.
Код html + css прост:
<style>
a img{ width: 32px; height: 32px; }
</style>
<a href="http://www.twitter.com/godhulii">
<img alt="@godhulii"
src="twitter.jpg" title="follow me @godhulii"> </a>
<a href="http://somewhereinblog.net/blog/seoul">
<img alt="somewhereinblog.net/blog/seoul"
src="somewhereinblog.jpg" title="somewhereinblog.net/blog/seoul"> </a>
<a href="http://www.youtube.com/seoulbuet" >
<img alt="bookmark this site"
src="youtube.gif" title="youtube.com/user/seoulbuet"> </a>
Для вашего удобства (или ожидаете, что вы создадите css-sprite), я настроил этот код в среде тестирования jsbin: http://jsbin.com/ugabez/edit#source
Спасибо за ответ,
-seoul.