Menu Images

T

timhaynes1985

Hi, I have been building a site for my gaming clan and have stumbled
on a problem.

I am making a menu using images but for some reason the images are
being forced apart by about 5px or so, like theres some sort of margin
or something.

I haven't used any margins or padding for any of the elements
involved.

Here is the site in question ...

http://www.boss-game.com/index.php

Sorry my description of the problem is vague and not wholly accurate
but I found it hard to explain. I appreciate any help.
 
T

timhaynes1985

Okay, I figured out the problem was that I had each link on a seperate
line eg.

<a href=".."><img src=".."></a>
<a href=".."><img src=".."></a>
<a href=".."><img src=".."></a>

By simply putting them all on the same line like this ...

<a href=".."><img src=".."></a><a href=".."><img src=".."></a><a
href=".."><img src=".."></a>

.... it got rid of the gaps between the image links.

However, is there a way I can place each link on a seperate line in
the code without this happening?

Thanks!
 
B

Bergamot

<a href=".."><img src=".."></a><a href=".."><img src=".."></a><a
href=".."><img src=".."></a>

... it got rid of the gaps between the image links.

However, is there a way I can place each link on a seperate line in
the code without this happening?

Using list markup for navigation lists is a much better way to go. It
degrades much better and the styling possibilities are enormous.
http://css.maxdesign.com.au/listamatic/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
474,099
Messages
2,570,626
Members
47,237
Latest member
David123

Latest Threads

Top