PDA

View Full Version : Editable region increases in size with insertion of nav bar


satinder
03-11-2009, 10:37 AM
I created a template document with a horizontal editable region for the nav bar. I made the background colour of this cell black. Here is the code from the template.

<!-- TemplateBeginEditable name="navbar" -->
<td height="28" colspan="3" valign="top" bgcolor="#000000"><!--DWLayoutEmptyCell-->&nbsp;</td>
<!-- TemplateEndEditable --></tr>


Then in each linked page, I inserted the nav bar into this editable region.

The bar inserts ok but the size of the editable region becomes taller. I made the nav bar images the same size as the nav bar editable region in the template (28 px).

Here is the code from one of the linked pages.

<!-- InstanceBeginEditable name="navbar" -->
<td height="46" colspan="3" valign="top" bgcolor="#000000"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="home.html" target="_top" onclick="MM_nbGroup('down','group1','home','Images/home button rollover.png',1)" onmouseover="MM_nbGroup('over','home','Images/home button rollover.png','Images/home button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="home" src="Images/home button.png" border="0" alt="home" onload="" /></a></td>
<td><a href="about us.html" target="_top" onclick="MM_nbGroup('down','group1','aboutus','Images/about us button rollover.png',1)" onmouseover="MM_nbGroup('over','aboutus','Images/about us button rollover.png','Images/about us button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="aboutus" src="Images/about us button.png" border="0" alt="about us" onload="" /></a></td>
<td><a href="services.html" target="_top" onclick="MM_nbGroup('down','group1','services','Images/services button rollover.png',1)" onmouseover="MM_nbGroup('over','services','Images/services button rollover.png','Images/services button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="services" src="Images/services button.png" border="0" alt="services" onload="" /></a></td>
<td><a href="products.html" target="_top" onclick="MM_nbGroup('down','group1','products','Images/products button rollover.png',1)" onmouseover="MM_nbGroup('over','products','Images/products button rollover.png','Images/products button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="products" src="Images/products button.png" border="0" alt="products" onload="" /></a></td>
<td><a href="dental tips.html" target="_top" onclick="MM_nbGroup('down','group1','dentaltips','Images/dental tips button rollover.png',1)" onmouseover="MM_nbGroup('over','dentaltips','Images/dental tips button rollover.png','Images/dental tips button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="dentaltips" src="Images/dental tips button.png" border="0" alt="dental tips" onload="" /></a></td>
<td><a href="resources.html" target="_top" onclick="MM_nbGroup('down','group1','resources','Images/resources rollover.png',1)" onmouseover="MM_nbGroup('over','resources','Images/resources rollover.png','Images/resources rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="resources" src="Images/resources.png" border="0" alt="resources" onload="" /></a></td>
<td><a href="smile showcase.html" target="_top" onclick="MM_nbGroup('down','group1','smileshowcase','Images/smile showcase button rollover.png',1)" onmouseover="MM_nbGroup('over','smileshowcase','Images/smile showcase button rollover.png','Images/smile showcase button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="smileshowcase" src="Images/smile showcase button.png" border="0" alt="smile showcase" onload="" /></a></td>
<td><a href="calendar.html" target="_top" onclick="MM_nbGroup('down','group1','calendar','Images/calendar button rollover.png',1)" onmouseover="MM_nbGroup('over','calendar','Images/calendar button rollover.png','Images/calendar button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="calendar" src="Images/calendar button.png" border="0" alt="calendar" onload="" /></a></td>
<td><a href="contact us.html" target="_top" onclick="MM_nbGroup('down','group1','contactus','Images/contact us button rollover.png',1)" onmouseover="MM_nbGroup('over','contactus','Images/contact us button rollover.png','Images/contact us button rollover.png',1)" onmouseout="MM_nbGroup('out')"><img name="contactus" src="Images/contact us button.png" border="0" alt="contact us" onload="" /></a></td>
</tr>
</table>
</td>
<!-- InstanceEndEditable --></tr>

Can anyone help me figure out why the height is increasing?

Thank you.