Solved

Where is white line coming from

Posted on 2013-12-02
7
182 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 34

Expert Comment

by:Dan Craciun
Comment Utility
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
Comment Utility
If I remove the link, then the header will not link to the index page.
0
 
LVL 42

Expert Comment

by:Chris Stanyon
Comment Utility
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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 34

Expert Comment

by:Dan Craciun
Comment Utility
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 42

Accepted Solution

by:
Chris Stanyon earned 500 total points
Comment Utility
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
Comment Utility
Adding display:block;  to header div fixed problem.  Thanks to all who gave suggestions.
0
 
LVL 42

Expert Comment

by:Chris Stanyon
Comment Utility
I'm sure you meant header image ;)
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

772 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now