CSS Sprites: простой способ сделать общий неупорядоченный список? - PullRequest
Новая
       6

CSS Sprites: простой способ сделать общий неупорядоченный список?

1 голос
/ 15 февраля 2011

Я пытаюсь сделать CSS Sprites, например: http://www.alistapart.com/articles/sprites

Мое меню будет динамически генерироваться с помощью Wordpress. У меня есть 3 основных состояния: всегда включен, завис и активен. Это будет одинаковое состояние для всех кнопок.

Я хочу использовать базовый недооцененный список, например: 

<div class="navigation"> 
<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 1</a></li>
</ul>

Каждая техника, которую я видел, использует идентификаторы в состояниях LI или A, есть ли где-нибудь сделать это, используя базовую структуру выше?

1 Ответ

1 голос
/ 15 февраля 2011

Неважно, я понял это: 

#topNav ul li{
    background:url("images/menu.jpg");
    width:141px;
    float:left;
    height:39px;
    /* padding: 10px 25px 10px 40px; */
    margin:1px;
    background-position:142px 0px;
    display: inline;
}

#topNav ul li:hover{
    background:url("images/menu.jpg");
    width:141px;
    background-position:284px 0px;
}

#topNav ul li .current{
    background:url("images/menu.jpg");
    width:200px;
    background-position:0px 0px;
}
...