Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Where is white line coming from

Posted on 2013-12-02
7
Medium Priority
?
208 Views
Last Modified: 2013-12-03
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
0
Comment
Question by:nsitedesigns
  • 3
  • 2
  • 2
7 Comments
 
LVL 35

Expert Comment

by:Dan Craciun
ID: 39690877
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
 

Author Comment

by:nsitedesigns
ID: 39691008
If I remove the link, then the header will not link to the index page.
0
 
LVL 45

Expert Comment

by:Chris Stanyon
ID: 39691313
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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 35

Expert Comment

by:Dan Craciun
ID: 39691675
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
 
LVL 45

Accepted Solution

by:
Chris Stanyon earned 2000 total points
ID: 39691961
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
 

Author Comment

by:nsitedesigns
ID: 39692163
Adding display:block;  to header div fixed problem.  Thanks to all who gave suggestions.
0
 
LVL 45

Expert Comment

by:Chris Stanyon
ID: 39692170
I'm sure you meant header image ;)
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Ready to get certified? Check out some courses that help you prepare for third-party exams.
How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question