Solved

Where is white line coming from

Posted on 2013-12-02
7
185 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
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 43

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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 34

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 43

Accepted Solution

by:
Chris Stanyon earned 500 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 43

Expert Comment

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

Featured Post

The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

828 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