пробел между кнопками меню CSS Sprite с CSS

Question

У меня есть вертикальное меню CSS-спрайтов.

Я хотел бы реализовать (на пример) 3 пиксельных пространства между каждой из вертикальных кнопок. Возможно ли создать это пространство с помощью CSS?

или является единственным вариантом для изменения размера спрайта со всеми кнопками и установки всех новых позиций в файле CSS?

Answer 1

Да, это простой в использовании, но главным проблема с вашим markup. написать так:

ul#menu { 
    clear: both; 
    float: right; 
    list-style: none outside none; 
    margin: 0; 
    padding: 0; 
} 
#menu li { 
    margin-bottom: 3px; 
    margin-right: 10px; 
    overflow: hidden; 
    text-indent: -9999px; 
} 

& удалить <br> из вашего html

Answer 2

Да, это возможно.

Предполагая, что каждая кнопка использует фон независимо от других кнопок, вы можете просто положить запас по каждой из них:

, например:

#menu li{ 
    background: url(../urlToSprite) /* set positions elsewhere */ 
    margin-bottom:3px; 
}