sandramichelle
03-02-2009, 10:53 PM
Hi,
I'm really pretty much a beginner, and I'm using a template I purchased (planning on modifying it) in order to create a site for an organization I belong to.
I wanted to replace the horizontal line of navigation with a javascript menu. When I do so, it seems to knock off the bottom of the images at the top and repeat them below my menu.
You can see what I mean here:
http://inklust.net/lyric/msc/home2.html
I'm editing this using Dreamweaver 8. Here is what it looks like in DW:
http://www.inklust.net/lyric/msc/DW-image.jpg
As you can see, the image and table both appear to be intact. The menu doesn't show, but it goes in that smaller 1 row/1 column table box in the center and DOES show on the above page.
I -think- the thing that is throwing off the alignment is the drop-down row portion of the inserted menu that you can see on the main page.
Here is the code for the top portion, going to just a few lines below the menu script:
<HTML>
<HEAD>
<TITLE>MsC 2009 TEST TEST TEST</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#362f35 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<script type="text/javascript"></SCRIPT>
<TABLE WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/title.left.gif" WIDTH=32 HEIGHT=82 ALT=""></TD>
<TD COLSPAN=3 background="images/title.gif" class="title"> <div align="center">Business.com</div></TD>
<TD COLSPAN=5 valign="top" background="images/title.right.gif"> <div align="center"><br>
<table width="57%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><font class="header1">We develop</font><br>
<font class="header2"> Your business future.</font></td>
</tr>
</table>
<br>
</div></TD>
</TR>
<TR>
<TD height="93" COLSPAN=9 background="images/menu.gif" class="toplinks"> <div align="center">
<p> </p>
<table width="500" border="0">
<tr>
<td><div align="center">
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home;url=http://yahoo.com;status=Back To Home Page;");
aI("text=MsC 2009;showmenu=MsC 2009;");
aI("text=Registration;showmenu=Registration;");
aI("text=History;showmenu=History;");
aI("text=About Us;showmenu=About Us;");
aI("text=Sponsors;showmenu=Sponsors;");
}
drawMenus();
</script>
</div></td>
</tr>
</table>
<p><br>
</p>
</div></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/left.menu.gif" WIDTH=38 HEIGHT=212 ALT=""></TD>
I really have little clue what I'm doing and am completely lost! If someone might be able to lend me a tip that would help me fix this, I'd be so grateful.
Thank you!
I'm really pretty much a beginner, and I'm using a template I purchased (planning on modifying it) in order to create a site for an organization I belong to.
I wanted to replace the horizontal line of navigation with a javascript menu. When I do so, it seems to knock off the bottom of the images at the top and repeat them below my menu.
You can see what I mean here:
http://inklust.net/lyric/msc/home2.html
I'm editing this using Dreamweaver 8. Here is what it looks like in DW:
http://www.inklust.net/lyric/msc/DW-image.jpg
As you can see, the image and table both appear to be intact. The menu doesn't show, but it goes in that smaller 1 row/1 column table box in the center and DOES show on the above page.
I -think- the thing that is throwing off the alignment is the drop-down row portion of the inserted menu that you can see on the main page.
Here is the code for the top portion, going to just a few lines below the menu script:
<HTML>
<HEAD>
<TITLE>MsC 2009 TEST TEST TEST</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#362f35 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<script type="text/javascript"></SCRIPT>
<TABLE WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/title.left.gif" WIDTH=32 HEIGHT=82 ALT=""></TD>
<TD COLSPAN=3 background="images/title.gif" class="title"> <div align="center">Business.com</div></TD>
<TD COLSPAN=5 valign="top" background="images/title.right.gif"> <div align="center"><br>
<table width="57%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><font class="header1">We develop</font><br>
<font class="header2"> Your business future.</font></td>
</tr>
</table>
<br>
</div></TD>
</TR>
<TR>
<TD height="93" COLSPAN=9 background="images/menu.gif" class="toplinks"> <div align="center">
<p> </p>
<table width="500" border="0">
<tr>
<td><div align="center">
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home;url=http://yahoo.com;status=Back To Home Page;");
aI("text=MsC 2009;showmenu=MsC 2009;");
aI("text=Registration;showmenu=Registration;");
aI("text=History;showmenu=History;");
aI("text=About Us;showmenu=About Us;");
aI("text=Sponsors;showmenu=Sponsors;");
}
drawMenus();
</script>
</div></td>
</tr>
</table>
<p><br>
</p>
</div></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/left.menu.gif" WIDTH=38 HEIGHT=212 ALT=""></TD>
I really have little clue what I'm doing and am completely lost! If someone might be able to lend me a tip that would help me fix this, I'd be so grateful.
Thank you!