User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 427,417 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,481 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Site Layout and Usability advertiser: Programming Forums
Views: 1084 | Replies: 2 | Solved
Reply
Join Date: Jan 2008
Posts: 1
Reputation: faucher24 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
faucher24 faucher24 is offline Offline
Newbie Poster

Help space between header and spry nav bar in E7

  #1  
Jan 22nd, 2008
I'm working on making a new website for my company... In Firefox And Safari everything looks the way I want... but in Internet Explorer 7 there is a small space between the header and the Spry navbar? I can't seem to get rid of it...
Can anyone help!...

http://www.echolab.com/dan/test

Thanks,

Attach Code

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../css/test.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #009966;
}
a:hover {
text-decoration: none;
color: #009966;
}
a:active {
text-decoration: none;
color: #009966;
}td img {display: block;}
-->
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../images/homepage/header_r2_c2_f2.jpg')">
<table width="775" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="775">
<!-- fwtable fwsrc="header.png" fwpage="Page 1" fwbase="header.jpg" fwstyle="Dreamweaver" fwdocid = "434040310" fwnested="0" -->
<tr>
<td><img src="../images/homepage/spacer.gif" width="18" height="1" border="0" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="251" height="1" border="0" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="506" height="1" border="0" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="header_r1_c1" src="../images/homepage/header_r1_c1.jpg" width="775" height="18" border="0" id="header_r1_c1" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="1" height="18" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="header_r2_c1" src="../images/homepage/header_r2_c1.jpg" width="18" height="92" border="0" id="header_r2_c1" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('header_r2_c2','','../images/homepage/header_r2_c2_f2.jpg',1);"><img name="header_r2_c2" src="../images/homepage/header_r2_c2.jpg" width="251" height="76" border="0" id="header_r2_c2" alt="" /></a></td>
<td rowspan="2"><img name="header_r2_c3" src="../images/homepage/header_r2_c3.jpg" width="506" height="92" border="0" id="header_r2_c3" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="1" height="76" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="header_r3_c2" src="../images/homepage/header_r3_c2.jpg" width="251" height="16" border="0" id="header_r3_c2" alt="" /></td>
<td><img src="../images/homepage/spacer.gif" width="1" height="16" border="0" alt="" /></td>
</tr>
</table>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="../pages/page1.html">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</td>
</tr>
<tr>
<td height="286" valign="top"><!-- TemplateBeginEditable name="EditRegion1" -->
<table width="775" border="0" cellpadding="20" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="302" valign="top">&nbsp;</td>
</tr>
</table>
<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td height="24" valign="bottom" class="copyright"><a href="#">Echolab Copyright © 2008</a></td>
</tr>
</table>


<map name="Map" id="Map"><area shape="rect" coords="13,13,275,98" href="#" target="_parent" />
</map><script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Mar 2006
Location: Japan
Posts: 139
Reputation: HI2Japan is an unknown quantity at this point 
Rep Power: 3
Solved Threads: 16
HI2Japan HI2Japan is offline Offline
Junior Poster

Re: space between header and spry nav bar in E7

  #2  
Jan 22nd, 2008
Sorry, no help from me, but it works fine in IE6
Reply With Quote  
Join Date: Jan 2007
Posts: 2,556
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 115
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: space between header and spry nav bar in E7

  #3  
Jan 25th, 2008
The link is broken.
Daylight-saving time uses more gasoline
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb Site Layout and Usability Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Other Threads in the Site Layout and Usability Forum

All times are GMT -4. The time now is 5:05 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC