Here is the code for the basis of my page. I have to put it in 2 posts because it said I can only have 10000 characters at a time and I have more.
Section 1
HTML 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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="Shortcut Icon" href="../favicon.ico" />
<link rel="stylesheet" type="text/css" href="../Format.css" />
<script language="JavaScript" 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>
<style type="text/css">
}
.style1 {
border-collapse: collapse;
}
.style3 {
font-family: Arial, sans-serif;
font-size: 18pt;
color: white;
background-color: #3777B0;
border-bottom: 2pt solid #BA1414;
text-align: right;
font-weight: bold;
}
.style4 {
border-collapse: collapse;
margin-bottom: 0px;
}
a {
color: #DFDFDF;
}
</style>
</head>
<body style="background-color: #EFEFEF" class="font6">
<img alt="" src="Main Menu_r1_c1_f2.gif" style="display: none"/>
<img alt="" src="Main Menu_r3_c1_f2.gif" style="display: none"/>
<img alt=" "src="Main Menu_r4_c1_f2.gif" style="display: none"/>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; visibility: visible; left: 10px; top: 14px;" id="Header">
<img alt="" src="../Images/Page_Header.png" width="981" height="628" /></div>
<p></p>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 44px; top: 200px; visibility: visible;" id="Menu">
<table border="0" cellpadding="0" cellspacing="0" width="116">
<!-- fwtable fwsrc="Main Menu Dark Red.png" fwbase="Main Menu.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="116" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<a onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Main20Menu_r1_c1','','Main%20Menu_r1_c1_f2.gif',1);" href="../index.htm">
<img name="Main20Menu_r1_c1" src="Main%20Menu_r1_c1.gif" width="116" height="26" border="0" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="24" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
</tr>
<tr>
<td>
<a onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Main20Menu_r3_c1','','Main%20Menu_r3_c1_f2.gif',1);" href="products.htm">
<img name="Main20Menu_r3_c1" src="Main%20Menu_r3_c1.gif" width="116" height="24" border="0" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="24" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<a onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Main20Menu_r4_c1','','Main%20Menu_r4_c1_f2.gif',1);" href="../service.htm">
<img name="Main20Menu_r4_c1" src="Main%20Menu_r4_c1.gif" width="116" height="28" border="0" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="26" border="0" alt="" /></td>
</tr>
<tr>
<td>
<a onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Main20Menu_r6_c1','','Main%20Menu_r6_c1_f2.gif',1);" href="../contact_us.htm">
<img name="Main20Menu_r6_c1" src="Main%20Menu_r6_c1.gif" width="116" height="27" border="0" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td>
<img name="Main20Menu_r7_c1" src="Main%20Menu_r7_c1.gif" width="116" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
</table>
</div>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 10px; top: 3000px; visibility: visible" id="Footer">
<img alt="" src="../Images/Page_Footer_2008.png" width="967" height="229" /></div>
<div style="position: absolute; width: 300px; height: 4px; z-index: 1; left: 202px; top: 271px; visibility: visible;" id="Red_Und0" class="Red_Und">
<hr style="height: 4px; width: 270px" class="Red_Und" />
</div>
<div style="position: absolute; width: 480px; height: 35px; z-index: 1; left: 210px; top: 248px; visibility: visible;" id="Heading" class="Page_Title">
Lugger Truck Units</div>
<div style="position: absolute; width: 836px; height: 2370px; z-index: 1; left: 167px; top: 335px; visibility: visible" id="Spec_Chart">
<span class="Blue_HeadingRUnd">Heading</span><br />
<br />
<table style="width: 100%">
<tr>
<td>
<table style="width: 100%; height: 1945px;">
<tr>
<td style="height: 23px"><span class="Text12Desc"><strong>-</strong>
Text
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></td>
<td style="width: 200px;" rowspan="10" valign="top">
<table style="width: 100%; height: 1701px;">
<tr>
<td>
<a href="../Images/Lugger Truck/Ovyellcont_en.jpg" rel="lightbox[LT]" title="Model LT40 with a lugger container.">
</a></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Ovyell_en.jpg" rel="lightbox[LT]" title="Model LT40">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Ovyell_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Ovegray_en.jpg" rel="lightbox[LT]" title="Model LT40">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Ovegray_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Jackleg_en.jpg" rel="lightbox[LT]" title="Enclosed Jack Legs">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Jackleg_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Containerguides_en.jpg" rel="lightbox[LT]" title="Container Guides on Deck">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Containerguides_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Dumppin_en.jpg" rel="lightbox[LT]" title="Dump Pin System For Container Discharge">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Dumppin_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
<tr>
<td><a href="../Images/Lugger Truck/Saddleblock_en.jpg" rel="lightbox[LT]" title="Saddle Block On Reinforced Top Shaft">
<img alt="Click To Enlarge" src="../Images/Lugger%20Truck/Saddleblock_th.jpg" width="200" height="150" class="PicNoBorder" /></a><span class="PicNoBorder"> </span></td>
</tr>
Lightbox 2.03 overlay not over whole page
Reply With Quote
. If I post the code, the image files, etc. on the page would not show because they would not have the correct files to link to. Is that ok? Thanks for replying.
Bookmarks