#sidebar ul {
margin:0px;
padding:0px;
list-style-type: none;
}
#sidebar ul a:link, #sidebar ul a:visited {
display:block;
width:180px;
height:30px;
line-height:30px;
color:#000;
text-decoration:none;
background: #364E60 url(images/rollover.gif) no-repeat left top;
text-indent: 50px;
}
#sidebar ul a:hover {
background-color:#314B5F;
background-position: right top;
color: #fff;
}
ovaj rollover.gif je zapravo file koji ima oba stanja u sebi složena, i link i hover, tzv. Pixy-style metoda.
I to fino funkcionira:
No, na ovoj drugoj listi, svaki list item bi trebao imati različite ikone. Na slici je to označeno kao da su svi obični link, a Buying je u hover stanju.
E, ono što mene zanima, kako to izvesti? Malo mi se nespretno čini ideja da za svaki taj item radim posebni image file i da idem to definirati za svaki LI.
Ima li netko možda ideju kako bi se to fino i elegantno riješilo?
Možeš sva stanja za sve linkove staviti u jednu sliku, svakom li itemu koji treba biti drukčiji dodijeliti klasu ili ID i onda CSS-om samo 'pomicati' pozadinu, tj. tu sliku na kojoj su sva stanja linkova.
Pogledaj ovaj stari članak ako ti nije skroz jasno kako - ukratko, vidim da koristiš pozicioniranje pozadine sa 'top, left' itd. svojsvima, a možeš to i brojčano u pikselima u svim smjerovima (i negativno).
Možeš sva stanja za sve linkove staviti u jednu sliku, svakom li itemu koji treba biti drukčiji dodijeliti klasu ili ID i onda CSS-om samo 'pomicati' pozadinu, tj. tu sliku na kojoj su sva stanja linkova.
Pogledaj ovaj stari članak ako ti nije skroz jasno kako - ukratko, vidim da koristiš pozicioniranje pozadine sa 'top, left' itd. svojsvima, a možeš to i brojčano u pikselima u svim smjerovima (i negativno).
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum