Hey everyone,
I’m trying to float a column of images that I sliced from photoshop using CSS, however there is a small 10px gap or so between each even though I don’t have one specified. I’ve tried playing with the height but nothing seemed to help.
You can see it here: www.ludnix.com it’s the navigation on the left.
the HTML for the navigation is so:
<div class="navigation">
<img src="/images/navigation/images/top.gif">
<img src="/images/navigation/images/home.gif">
<img src="/images/navigation/images/learn.gif">
<img src="/images/navigation/images/articles.gif">
<img src="/images/navigation/images/links.gif">
</div>
and the CSS:
.[COLOR=Red]navigation[/COLOR]{
[COLOR=Blue] top[/COLOR]: 80px;
[COLOR=Blue] left[/COLOR]: 0px;
[COLOR=Blue] float[/COLOR]: left;
[COLOR=Blue] position[/COLOR]: fixed;
[COLOR=Blue] width[/COLOR]: 140px;
[COLOR=Blue] height[/COLOR]: 491px;
[COLOR=Blue] background-color[/COLOR]: #000;
}