Where is white line coming from

Where is the white border coming from that appears above the nav bar?   I looked everwhere and I cannot locate it.

http://nsitedesigns.com/nsitedesigns/city/index.html
nsitedesignsAsked:
Who is Participating?
 
Chris StanyonConnect With a Mentor Commented:
The <a> is not the problem - it's the <img> - you'd still get the white line if it was wrapped in a <p> - The answer is to set the <img> as a block level element!!
0
 
Dan CraciunIT ConsultantCommented:
It's the link (<a href="index.html"). Replace that with a <p> and the white space is gone.

put display:block on the a style and you're set.

HTH,
Dan
0
 
nsitedesignsAuthor Commented:
If I remove the link, then the header will not link to the index page.
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
Chris StanyonCommented:
You need to set the header image to display as a block level element. Add this to your CSS:

img.header { display:block; }

Open in new window

0
 
Dan CraciunIT ConsultantCommented:
I meant you can prove the <a> is the culprit  by replacing it with a <p>, which will remove the white line.

Once we know the problem, we can work toward a solution. Which is to set display:block either on the <a> element or on the image.
0
 
nsitedesignsAuthor Commented:
Adding display:block;  to header div fixed problem.  Thanks to all who gave suggestions.
0
 
Chris StanyonCommented:
I'm sure you meant header image ;)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.