Я хочу получить ряд изображений, которые я собрал в один с помощью pnmcat -lr. Я не хочу карту изображения, потому что части обмениваются для выделения. У меня есть значимые изображения, поэтому я хочу <img>, а не фон.
Многообещающими примерами являются http://css -tricks.com / css-sprites-with-inline-images / и http://1plusdesign.com/articles/css-clip-property-inline-image-sprites/. В последнем даже показан некоторый html с тремя изображениями в ряд.
Но при загрузке демо он использует их отдельно. И когда я вставляю элемент div из демонстрации 1, я получаю тот же результат, что и все, что я пробую на своей странице: все они располагаются друг над другом, а не подряд. Я попытался обернуть их отдельно, поместив ширину на обертку, расположив ее относительно, ничего не работает ...
Btw. оба автора используют два класса одновременно. Есть ли для этого причины? Учитывая наличие оболочки, класс, который одинаков для всех изображений, может быть вложенным CSS, а затем другой класс может быть идентификатором (если он используется только один раз), верно?
.wrapper img {
position:absolute;
top:0;
left:0;
}
#sad { clip: rect(0 128px 128px 0); }