Menu Images

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
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

Here is the site in question ...

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

Re: Menu Images

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?


Re: Menu Images wrote:
Quoted text here. Click to load it

Using list markup for navigation lists is a much better way to go. It
degrades much better and the styling possibilities are enormous. /


Re: Menu Images

On 02 Jul 2008, wrote:

Quoted text here. Click to load it

I go along with Bergamont in that there are better ways to do it, but you can
(and I do) do this:

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

Neredbojias /
Great sights and sounds

Re: Menu Images wrote:
Quoted text here. Click to load it

It's working the way it should.  Although I know you want it elsewise.
You could try a negative margin like this:

Ed Mullen
Why is it that when you transport something by car, it is called a
shipment, but when you transport something by ship, it is called cargo?

Site Timeline