Home/ Questions/Q 8258447
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T02:32:21+00:00

I’ve been working on this for the past few hours and I give up.

  • 0

I’ve been working on this for the past few hours and I give up. I cannot figure this one out.

I have an image (header logo), followed by a nav bar. There is a 2-3px space just below the image. I’ve systematically eliminated every bit of externally referenced CSS, and then added some inline CSS to try and fix the problem. Here’s what I have right now:

<html lang='en'>
        <head>
            <meta charset='utf-8' />
            <title>Sci-fi's Big Mistake</title>
        </head>

        <body style='margin:0px; padding:0px; border:1px solid green;'>


            <img src='/images/farscape.jpg'  alt='Farscape style='margin:0px; padding:0px; border:1px solid red;'><br>
            <span style='border:1px solid blue;margin:0px; padding:0px; '>text</span>
            <ul id='menu' class='gold' style='margin:0px; padding:0px; border:1px solid red;'>
                <li><a href='#'>Home</a></li>
                <li class='active'><a href='#'>About</a></li>
                <li><a href='#'>Services</a></li>
                <li><a href='#'>Products</a></li>
                <li><a href='#'>Contact</a></li>
                </ul>




Shouldn't have cancelled this.
</body></html>

Here’s a screenshot of the page, and what I’m seeing on my system (Win, xp, same in IE8 as well as FF 13)

http://picturepush.com/public/8737985

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There you got it.

    http://jsfiddle.net/dennym/XBdfk/

    Removed the <br> and added a display:block to your image.
    The space is gone.

    The Problem was the <br> it has a min margin which u cant remove… i guess.
    Also you have to add a display:block to your image, so the text appears at the bottom.

    (Also removed a little error in your quotation marks)

    • 0