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!

Member Avatar for Rahul47

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.

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

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

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.

thanks for your help.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.