[CSS] Rollover menu

[mrowa]

Witam. Mam zrobione menu za pomocą takiego sposobu:

Kod: Zaznacz cały

<head> 
<style type="text/css"> 

a.button01 { 
height: 32px; 
width: 106px; 
display: block; 
background: url(grafika/button01.gif); 
} 
a.button01:hover { 
background: url(grafika/button01.gif); 
background-position:0 -32px; 
} 

</style> 
</head> 

<body> 
<a href="index.htm" class="button01"></a> 
<body> 

czy jest jakiś prostszy sposób aby zrobić menu tą metodą, nie tworząc przy tym osobnych klas dla każdego z przycisków?

[viraptor]

Jeśli tło ma być inne w każdym przypadku, to nie. Jeśli takie samo, to zastosuj tą samą klase dla wszystkich przycisków.
Ew. jeśli chcesz tylko zmienić tło, to możesz spróbować użyć innej konstrukcji (nie sprawdzałem, ale załapiesz o co chodzi), zakładając, że wszystkie a masz w <div id="menu">:

Kod: Zaznacz cały

#menu a {
height: 32px;
width: 106px;
display: block;
}
#menu a:hover {
background-position:0 -32px;
}
a.button01 { background: url(...) }
a.button02 { background: url(...) }
a.button03 { background: url(...) }
...