0

My url is http://216.188.144.4/
Can anyone help me figure this out:
I am trying to get the nav bar to appear on top of the image. I dont know why there is a space between the image and the top of the screen, which is where the nav is now. How do I get rid of that space, so that the na sits on yop of the image, not on top of that extra space?
My code is

<div id="hometopwrapper">

    <div id="top">

        <?php include('inc_nav.php') ; ?>



    </div>

    </div>



    <div id="wrap">

   <div class="topimg"><img src="images/top_img.png" width="100%" height="auto" border="0" alt="Pesach Tikvah Family and Childrens Services" /></div>

Where "topimg" is the big image, and the nav is in "#hometopwrapper", not "#wrap", which is what I see stretching to the top, causing the extra space. How do I get rid of that??
Thanks!

Edited by pritaeas: Fixed URL.

3
Contributors
5
Replies
29
Views
3 Years
Discussion Span
Last Post by suavedesign
0

This is what i came across while checking your source.

<ul>
<li><a href="http://216.188.144.4//" >Home</a></li>
<li><a href="http://216.188.144.4/about.php" >About Us</a></li>
<li><a href="http://216.188.144.4/staff.php" >Staff</a></li>
<li><a href="http://216.188.144.4/programs" > Programs</a></li>
<li><a href="http://216.188.144.4/donate.php" >Donate</a></li>
<li class="lastli"><a href="http://216.188.144.4/contacttl.php" >Contact Us</a></li>
</ul>
</div>



    </div>

    </div>

After 9th line, you have given </div> twice. Remove one of them and see if it works for you.

Do let us know.

0

If you remove the height property as shown below, the space if removed. However, you will need to work on the mouseover/hover effect on those links..

75189e1cd1c98fc49ffbc2679ccbf425

0

Firstly, there is no extra </div>. One is for id "hometopwrapper", and one is for "top".

When I removed the height on the hometopwrapper, like you suggested, it did not get the nav to appear on top of the image, like I want.
Basically, I want to know why #wrap is starting from the top of the page, instead of under #hometopwrapper, like I coded it. (If you check with inspect element, you'll see that #wrap includes the entire site)

Thanks

0

Sorry, misunderstood your question...

Basically, I want to know why #wrap is starting from the top of the page, instead of under #hometopwrapper, like I coded it.

My inclination is to look to see if you are taking #hometopwrapper or some element above #wrap out of the normal flow. This can typically happen if you apply a "float" property. When you float an element, it is taken out of the normal flow within the DOM, thereby allowing other elements to move up.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.