mossimo
Member
Posted 3 weeks ago #
I have been trying to get RSS icons on the left of each category like so
Here
That have a roll over effect, I can't seem to get it to work.
The rollover isn't necessary but how can you align the rss image before the category text.
Thanks for your help beforehand
use a list structure
<ul class="feeds">
<li>link1</li>
<li>link2</li>
</ul>
make the RSS logos background images of the list items
ul.feeds li {
background: url(images/imagename.jpg) no-repeat;
padding-left: 25px;
}
The padding pushes the text display to the right while leaving the logo at the left.
for rollover change the background image
ul.feeds li:hover {
background-image: url(images/rollover_image.jpg) no-repeat;
}