View Full Version : Gap Between Menu and Banner

11-27-2008, 10:48 PM

I made a popup menu in Fireworks, and wanted to insert it below the banner in my website.

When I put it in, there is a small gap between the two and I cannot figure out how to remove it. I'm pretty sure the vspace, padding, etc are all set to zero, but maybe I'm missing something. Any ideas?

Here is a picture:


Or do you think I should combine them into one image?

d a v e
11-28-2008, 03:08 AM
use the paint bucket and fill in the gap with green!
seriously though if you need help with this sort of thing then be so kind as to provide a url.

11-28-2008, 05:00 AM

Thanks for the reply.

Where is the paint bucket?

The banner (El Casa Grande) and the menu (Home, Menu, Drinks, Location, Contact) are two separate images that I've inserted in Dreamweaver.

I don't have a URL yet, but I can upload the page on another host if you think that will help.

11-28-2008, 05:10 AM
post your code otherwise

11-28-2008, 01:35 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../css1.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
@import url("../menu/originalbanner.css");

@import url("../menu/menu.css");

@import url("../menu/menu.css");

@import url("../menu/menu.css");

@import url("../menu/menu.css");
<script language="JavaScript1.2" type="text/javascript" src="../menu/mm_css_menu.js"></script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<p><img src="../menu/images/banner.jpg" width="800" height="150" /></p>
<div id="FWTableContainer1675967545">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="originalbanner.png" fwpage="Page 1" fwbase="originalbanner.jpg" fwstyle="Dreamweaver" fwdocid = "1675967545" fwnested="0" -->
<td><img src="../menu/images/spacer.gif" width="194" height="1" border="0" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="76" height="1" border="0" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="530" height="1" border="0" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td colspan="3"><img name="originalbanner_r1_c1" src="../menu/images/originalbanner_r1_c1.jpg" width="800" height="156" border="0" id="originalbanner_r1_c1" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="1" height="156" border="0" alt="" /></td>
<td rowspan="2"><img name="originalbanner_r2_c1" src="../menu/images/originalbanner_r2_c1.jpg" width="194" height="25" border="0" id="originalbanner_r2_c1" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1127175939_0', 'MMMenu1127175939_0',-14,22,'originalbanner_r2_c2');"><img name="originalbanner_r2_c2" src="../menu/images/originalbanner_r2_c2.jpg" width="76" height="21" border="0" id="originalbanner_r2_c2" alt="" /></a></td>
<td rowspan="2"><img name="originalbanner_r2_c3" src="../menu/images/originalbanner_r2_c3.jpg" width="530" height="25" border="0" id="originalbanner_r2_c3" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="1" height="21" border="0" alt="" /></td>
<td><img name="originalbanner_r3_c2" src="../menu/images/originalbanner_r3_c2.jpg" width="76" height="4" border="0" id="originalbanner_r3_c2" alt="" /></td>
<td><img src="../menu/images/spacer.gif" width="1" height="4" border="0" alt="" /></td>
<div id="MMMenuContainer1127175939_0">
<div id="MMMenu1127175939_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu1127175939_0_Item_0" class="MMMIFVStyleMMMenu1127175939_0" onmouseover="MM_menuOverMenuItem('MMMenu1127175939_0');"> Lunch </a> <a href="javascript:;" id="MMMenu1127175939_0_Item_1" class="MMMIVStyleMMMenu1127175939_0" onmouseover="MM_menuOverMenuItem('MMMenu1127175939_0');"> Dinner </a> </div>
<div id="mainContent"><!-- TemplateBeginEditable name="Main Content" -->
<!-- Main Content -->

The red is the banner image and below is the code for the pop up menu.

11-28-2008, 03:17 PM
Without seeing your css. A little stab in the darkness. A few things to try.

There is no closing div tag for the header id. Make sure you have one and that it is properly placed.
(check page)

Remove the p tags from the html for the banner image.
(check page)

If that doesn't fix it;
Give your header id width and height settings to match the banner image. Double check to insure the margins and paddings for this id are set at zero.

If none of the above works it would be best to post the page where it can be viewed by forum members.

11-28-2008, 04:39 PM
Thanks. It was the "p" tags.

11-28-2008, 05:03 PM
Your welcome, glad to help