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   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>