PDA

View Full Version : The Navigation Buttons are taking over...


CaliWilli
12-30-2008, 01:14 AM
The navigation buttons are not in a nice neat column to the left of the page. In some browsers they work, in others they 'cascade' down and to the left, pushing the content into a tiny little column to the right side of the page. It looks fine in my browser, otherwise, I wouldn't have uploaded it to the internet yet. I've had this prob ever since I started this project. Can anyone help with this.

http://www.ksheaelectric.com
<!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" />
<title>Welcome to Shea Electric - For all of your Residential and Commercial Electrical Needs</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
<!--
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_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_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_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">
<!--
.style5 { font-size: large;
font-weight: bold;
color: #006600;
}
.style6 { color: #006600;
font-weight: bold;
}
body,td,th {
font-family: Times New Roman, Times, serif;
}
a:link {
color: #006600;
}
a:visited {
color: #006600;
}
a:hover {
color: #FFCC00;
}
-->
</style>
</head>
<body onload="MM_preloadImages('images/bbblogo.gif','images/bluebooklogo.gif','images/paypal.gif','images/b_h_d.jpg','images/b_c_d.jpg','images/b_p_d.jpg','images/yellowbook.gif','images/b_res_on.gif','images/b_comm_on.gif')">
<div class="container">
<div class="bannergraphic"></div>
<div class="blackbox">&nbsp;&nbsp;&nbsp;(760) 587-7077&nbsp;&nbsp;&nbsp; <img src="images/rule.jpg" width="2" height="12" />&nbsp;&nbsp;&nbsp;<a href="mailto:kevinshea@ksheaelectric.com">kevinshea@ksheaelectric.com</a>&nbsp;&nbsp;&nbsp;<img src="images/rule.jpg" width="2" height="12" />&nbsp;&nbsp;&nbsp;License #907877 &nbsp;&nbsp;&nbsp;<img src="images/rule.jpg" width="2" height="12" />&nbsp;&nbsp;&nbsp;&nbsp;Join the <a href="contact.html">network</a> for discounts on residential electrical work</div>
<div class="blackbox"><a href="http://sandiego.bbb.org/WWWRoot/Report.aspx?site=26&amp;bbb=1186&amp;firm=171984881" target="_blank" onmouseover="MM_swapImage('BBB','','images/bbblogo.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/bbblogo1.gif" alt="BBB" name="BBB" width="38" height="40" border="0" id="BBB" /></a> <a href="http://www.thebluebook.com/wsnsa.dll/WService=wsbrk1/viewnam.htm?cname=shea electric&amp;bkid=36&amp;chsm=jaxtFlcVdaldNkZj" target="_blank" onmouseover="MM_swapImage('Bluebook','','images/bluebooklogo.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/bluebooklogo1.gif" alt="Bluebook.com" name="Bluebook" width="205" height="40" border="0" id="Bluebook" /></a> <a href="http://www.yellowbook.com/profile/shea-electric_1821387467.html?addressId=1" target="_blank" onmouseover="MM_swapImage('Image15','','images/yellowbook.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/yellowbook1.gif" alt="yellowbook.com" name="Image15" width="35" height="40" border="0" id="Image15" /></a> <a href="paypal.html" target="_blank" onmouseover="MM_swapImage('Paypal','','images/paypal.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/paypal1.gif" alt="Paypal" name="Paypal" width="40" height="40" border="0" id="Paypal" /></a></div>

<div class="content">
<table width="100%" border="0" align="left" class="content">
<tr align="left" valign="top">
<td width="184"><p><img src="images/b_i_p.jpg" alt="Welcome to Shea Electric" width="175" height="55" align="left" /><br />
<a href="history.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','images/b_h_d.jpg',1)"><img src="images/b_h_u.jpg" alt="A brief company history" name="Image19" width="175" height="55" border="0" align="left" id="Image19" /></a><br />
<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','images/b_c_d.jpg',1)"><img src="images/b_c_u.jpg" alt="Call, Text or email" name="Image14" width="175" height="55" border="0" align="left" id="Image14" /><br />
</a></p>
<table width="51%" border="0" align="left">
<tr>
<td align="left" valign="top"><a href="residential.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/b_res_on.gif',1)"><img src="images/b_res_off.gif" alt="Residential Photo Album" name="Image17" width="79" height="100" border="0" id="Image17" /></a></td>
<td align="left" valign="top"><a href="commercial.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/b_comm_on.gif',1)"><img src="images/b_comm_off.gif" alt="Commercial Photo Album" name="Image16" width="79" height="100" border="0" id="Image16" /></a></td>
</tr>
</table>




<td width="20" rowspan="2" align="left" valign="top"><img src="images/gif_spacer.gif" width="20" height="10" align="top" /></td>
<td width="610" rowspan="2"><p><span class="style5">Why look anywhere else for your electrical needs?</span><img src="images/gif_spacer.gif" width="20" height="215" align="right" /><br />
You can continue browsing the internet or thumb through the yellow pages, but why? &nbsp;Shea Electric employs only NEC licensed electricians who are trained and qualified. We perform safe, effective, and efficient electrical repairs and installation. We are a fully licensed, bonded, and insured company with over 20 years experience in Southern California. All work is completed in accordance with national and local codes and backed by a one (1) year warranty.</p>
<ul>
<li><span class="style6">Customer Satisfaction</span><strong> </strong>Recommending an electrician to your clients for any subsequent electrical work will eliminate the burden of finding a qualified trustworthy electrician.</li>
<li><span class="style6">Professional Attitude</span><strong> </strong>Giving you the most positive attitude with the best work ethic to ensure your company a safe and professional job.</li>
</ul> </td>

</tr>

</table>
</div>
</div>

</body>
</html>