Question : Issues in Horizontal menu

1) How can I remove the space between the image and the horizontal bar.?

(For vertical Bar I am able to remove by :
  <ul class="nav">
      <li></li>
    </ul> as suggested by Tommy)

2) My Template viewable region is always less But when deployed I see lot of extra space.
This is the most common issue I see..please tell me what all I should check and how to fix this issue?

3) In My horizontal menu bar, I have different items,
like: "Thsi is the large Iteam"...I dont want that to be in 2 lines. I want it to be in one 1line.?

Attachments:

untitled123.bmp (5.0 MB) (File Type Details) 

image

css1.txt (4 KB) (File Type Details) 

css1

temp1.txt (2 KB) (File Type Details) 

template

Answer : Issues in Horizontal menu

Your div called container has the following width settings.
max-width:1260px;
min-width:780px;
width: 80%;

You can get rid of the max and min widths. Just keep the 80%.

Are you referring to the extra space vertically?
This is from the large amount of &nbsp; in the html file. After the list you have the below code. Each one is creating a new line.

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13:

<h1>&nbsp;</h1> <h1>&nbsp;</h1> <h1>&nbsp;</h1> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p>