The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Drop down Menu Issues
xtina
post Sep 28 2010, 03:56 PM
Post #1





Group: Members
Posts: 1
Joined: 28-September 10
Member No.: 12,819
Currently I am working on my very first website www.industrialpaintmachinery.com. The site looks fine on my computer been told that my drop down menu doesn't always work. Here is the code, can any one help with what may be causing this inconsistency?




<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="shortcut icon" href="/favicon.png">
<title>•Industrial Machinery •</title>

<meta name="author" content="Christina Bletko">
<meta name ="classification" content="Industrial Machinery">
<meta name="copyright" content="© 2010 Industrial Machinery">
<meta name="description" content="Industrial Machinery, Paint machines, , industrial paint machinery, red devil, harbil, fluid management, paint tinters, used paint shakers ">
<meta name="keywords" content="Industrial Machinery, service machines, paint factory layout, paint shakers, paint tinters, fluid management, Red devil 5033, red devil,Miller Stroke Master,Harbil 5G, Miller Gyro, dispersers, red devil, factory design, paint, highland, paint mixers, GQB, red devil 5400, GQF, red devil 5600, storkemaster, paint shaker parts, A-frames, Marble and granite, carpet and vinyl, paint shakers">
<meta name http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="google-site-verification" content="cVLGX_r3yzONfAcJDBDf19zTdBq2qoIS_z-aBH5ZZqs" />
<meta name="alexaVerifyID" content="l_giym6YYyvM-NibVrDQvdfYBfI" />
<style type="text/css">




ul.sidemenu{
padding:0;
margin:0;
list-style:none;
font-family: verdana, Arial, Hevetica,san-serif;
font-size:0.8em;
border-bottom: 1px solid white;
width:180px;
background-color:seagreen;
color:white;

}
ul.sidemenu li a{
text-decoration:none;
display:block;
width:10px;
color:white;
font-weight:bold;
padding:10px 10px;
width:78px;
}
ul.sidemenu li{
border-top:3px solid white;
border-left:3px solid white;
border-right:3px solid white;


}
ul.sidemenu li a:hover {
background-color:white;
color:seagreen;
width:155px;


}

#header {

color: #fff;
width:100%;
border-bottom:21px solid midnightblue;




}


#leftcol {
float:left;
width: 190px;
margin-left:0px;
margin-top: 0px;
background-color:midnightblue ;
color:#fff;
padding: 3px;

height 100%;

}

#rightcol {
position: absolute;
left: 80.5%;
top: 128px; /*Don't touch*/
width: 120 px;
padding-left: 8px;
z-index: 3;
color:#fff;
padding: 3px;
background-color:midnightblue;
height 100%;
}

#leftcol p, #leftcol li, #rightcol p {
font-size: 12px;
}

#content {
margin: 0px 20% 1px;
padding: 0px;
background-image: url('green.jpg') ;
color:#fff;
height: 100%;
text-decoration:none;
}

#footer {
clear: both;
width: 100%;
margin: 5px;
text-align: center;
font-family: Veranda;
font-size: 11px;
padding: 0px;

color: white;
background-color:midnightblue;
text-decoration:none;

}
#footer a
{ color:white}

p{
color: #fff;
}



body {
width: 100%;

text-decoration:none;
}

html, body {
margin: 1px;
padding: 0;
background-color:#fff;
color: #fff;
text-decoration:none;
}

p, a {
font-family: "times new roman",
georgia,serif;
text-decoration:none;
}
a{color:midnightblue;}
h3{color: #fff;}

h1, h2, h3, h4, h5, h6 {
font-family: georgia;
margin-top: 0px;
text-decoration:none;

}

h1{color:midnightblue;text-decoration:none;}

div.dis
{

border:2px groove seagreen;
padding:0;
}
div.ex
{
width:90%;
text-decoration:none;
padding:3px;
border:groove 5px seagreen;
margin:0px;
background:white;
color:midnightblue;
}
#call{
color:midnightblue;

}
div.desc
{

text-align:center;
font-weight:normal;


}
div.thumbnail
{


display:inline;

text-align: center;


}

div.img
{

margin:0px;



}

#backlinks a {
visibility: hidden;
}

display{inline;}




.tabdivider
{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: white; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/*menu begins.*/
#menu, #menu ul {
list-style:none;
padding:0;
margin:10px;
line-height:1.3em;
font-family:bookman, serif


}
#menu li {
float:left;
position:relative;
line-height:4.5 em;
width: 10em;
text-align:center;



}

#menu li ul {
position:absolute;
margin-top:0em;
margin-left:0em;
display:none;


}
#menu ul li ul {
margin-top:-1.5em;
margin-left:8.5em;



}

/*styling the links*/
#menu a {
display:block;
border-right:1.5px solid white;

color:white;
text-decoration:none;
padding:0 3px;
background:midnightblue ;
}
#menu a:hover {
background-color:red;
color:#fff;

}
#menu ul {
border-top:1px solid #fff;
font: bold 12px;


}
#menu ul a {
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:powderblue;
color:midnightblue;
}

/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {
display:block;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
</style>

<!--[if IE]>
<style type="text/css">
#menu li {

position:relative;
}
ul#menu ul{
position:absolute;
z-index:1000;

}

</style>
<![endif]-->


</head>


<body>

<div id="header">
<center><h1>Industrial Machinery</h1></center>

<div id="call">
<center><h5>Call <b>(425) 222-6055</b> to order PARTS, MACHINERY or request SERVICE TODAY!</h5></center>
</div>
<ul id="menu">
<li><a href="http://www.industrialpaintmachinery.com/index.html">Home</a></li>
<li><a href="http://www.industrialpaintmachinery.com/reconretailmachines.html" > Paint Machines</a>
<ul>
<li><a href="#" >1 Gallon Paint Shakers</a>
<ul >
<li><a href="http://www.industrialpaintmachinery.com/1gallonshakerparts.html">Parts</a></li>
<li><a href="http://www.industrialpaintmachinery.com/
about1galpaintshakers.html">About</a></li>
</ul>
</li>
<li><a href="#">5 Gallon Paint Shakers</a>
<ul>
<li><a href="http://www.industrialpaintmachinery.com/5gallonshakerparts.html">Parts</a></li>
<li><a href="http://www.industrialpaintmachinery.com/about5galpaintshakers.html">About</a></li>
</ul>
</li>
<li><a href="#">Paint Tinters</a>
<ul>
<li><a href="http://www.industrialpaintmachinery.com/painttinterparts.html">Parts</a></li>
<li><a href="http://www.industrialpaintmachinery.com/abouttinters.html">About</a></li>
</ul>
</li>
<li><a href="#">Other Retail Machines</a>
<ul >
<li><a href="#">Parts</a>
<ul >
<li><a href="http://www.industrialpaintmachinery.com/safetyspeedcut.html">Safety Speed Cut</a></li>
<li><a href="http://www.industrialpaintmachinery.com/Rigid.html">Rigid Parts</a></li>
<li><a href="http://www.industrialpaintmachinery.com/fletureterryglasscutter.html">Fleture Terry Glass Cutter</a></li>

</ul>
</li>
</ul>
</li>
</ul>
</li>


<li><a href="http://www.industrialpaintmachinery.com/N4Ncol.html">Industrial</a></li>

<li><a href="#"><span>Receive A Quote</a>
<ul >
<li><a href="http://www.industrialpaintmachinery.com/retailpartsform.html">Retail Parts and Paint Machines</a></li>
<li><a href="http://www.industrialpaintmachinery.com/repairform.html">Repair and Services </a></li>
<li><a href="http://www.industrialpaintmachinery.com/industrialmachineform.html">Industrial Machinery</a></li>
</ul>
</li>
<li><a href="http://www.industrialpaintmachinery.com/directionspage.html">Directions</a></li>

<li><a href="http://www.industrialpaintmachinery.com/contactimc.html">Contact Us</a></li></ul>

</div>
<div class="tabdivider"> </div>
</div></div>
<div id="leftcol">
</br>

</br>
<center><img class="logo" border="2" src="IMClogo1web.jpg" width="120" height="120" /></center>
<br>
</br>
<center><h3>We sell Used Industrial and Paint Machinery </h3></center>
<center> <h4> To view our industrial machinery and industrial paint manufacturing equipment please scroll on the options below</h4></center>

<ul class="sidemenu">
<li><b><i><center>Used Industrial Paint Machinery</center></i></b></li>
<li><a href="http://www.industrialpaintmachinery.com/dispersers.html">Dispersers </a></li>
<li><a href="http://www.industrialpaintmachinery.com/conveyors.html">Industrial Conveyors</a></li>
<li><a href="http://www.industrialpaintmachinery.com/fillmachines.html">Filling Machines</a></li>
<li><a href="http://www.industrialpaintmachinery.com/labequipment.html">Lab Equipment </a></li>
<li><a href="http://www.industrialpaintmachinery.com/meters.html">Meters </a></li>
<li><a href="http://www.industrialpaintmachinery.com/mixingtanks.html">Mixing Tanks </a></li>
<li><a href="http://www.industrialpaintmachinery.com/letdowntanks.html">Let Down Tanks </a></li>
<li><a href="http://www.industrialpaintmachinery.com/sandmills.html">Sand Mills </a></li>
<li><a href="http://www.industrialpaintmachinery.com/ballmills.html">Ball Mills </a></li>
<li><a href="http://www.industrialpaintmachinery.com/casesealers.html">Case Sealers </a></li>
<li><a href="http://www.industrialpaintmachinery.com/labelingmachines.html">Labeling Machines </a></li>
<li><a href="http://www.industrialpaintmachinery.com/gearboxes.html">Gear Boxes </a></li>
<li><b><i>Used Industrial Machinery</i></b></li>
<li><a href="http://www.industrialpaintmachinery.com/aircompressors.html">Air Compressors</a></li>
<li><a href="http://www.industrialpaintmachinery.com/dustcollectors.html">Dust Collectors&Bag House</a></li>
<li><a href="http://www.industrialpaintmachinery.com/usedelectricmotors.html">Electric Motors</a></li>
<li><a href="http://www.industrialpaintmachinery.com/medicalanddentaleuqip.html">Medical&Dental</a></li>
<li><a href="http://www.industrialpaintmachinery.com/conveyors.html">Conveyors </a></li>
<li><a href="http://www.industrialpaintmachinery.com/industrialfans.html">Industrial Fans </a></li>
<li><a href="http://www.industrialpaintmachinery.com/meters.html">Meters </a></li>
<li><a href="http://www.industrialpaintmachinery.com/gearboxes.html">Gear Boxes </a></li>
<li><a href="http://www.industrialpaintmachinery.com/carpetandvinyl.html">Carpet & Vinyl </a></li>
<li><a href="http://www.industrialpaintmachinery.com/marbleandgranite.html">Marble & Granite </a></li>
<li><a href="http://www.industrialpaintmachinery.com/Miscellaneous.html">Misc. Equipment</a></li>
</ul>


</div><div id="content">
<br>
</br>
<center><h2>Welcome To Industrial Machinery's Website! Serving you since 1982!</h2></center>


<center><div class="ex">

<center><h5>Industrial Machinery is a family owned business, we work hard to bring the best quality of service to you, whether that be through our products or in our substantial technical service.</h5>

</center></div>


<br>

</br>

</br>
<center><h3><b>Retail Services Offered:</b></h3>
<dl>
<dt><h4><b> Industrial Machinery sells, services and manufactures paint shakers and replacement parts for:</b></h4> </dt>
<dd><h5>1 Gallon Paint Shakers</h5></dd>
<dd><h5>5 Gallon Paint Shakers</h5></dd>
<dd><h5>Automatic and manual tinting machines</h5></dd>
<dd><h5>Rare and obsolete shakers and tinters</h5></dd>
</dl><dl>
<h3><b>Industrial Services Offered:</b></h3>
<dt><h4><b>We are re-noun for our industrial services which includes:</b></h4></dt>
<dd><h5>Paint plant design and layout</h5></dd>
<dd><h5>Installation and repair of food process equipment</h5></dd>
<dd><h5>Carpet and vinyl cutting and re-roll machines</h5></dd>
<dd><h5>Marble and granite cutting machines</h5></dd>
<dd><h5>On-site troubleshooting(electronic & mechanical)</h5></dd>
<dd><h5>Paint and ink manufacturing machinery</h5></dd>
<dd><h5>Bailer repair</h5></dd>
<dd><h5>Complete demolition and tear-out and moving services</h5></dd>
<dd><h5>Along with a plethora of industrial machinery for sale and service(<small>please see left tool bar for more detail</small>)</h5></dd>

</dl></center>


<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>


<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>



<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>


<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

</div>

<center><div id="rightcol">
<br>
</br>
<h5>WE WANT YOUR BROKEN PAINT SHAKERS, 5G CIRCUT BOARDS AND INDUSTRIAL PAINT MACHINERY</h5>

<h6>We now re-manufacture the old GQB friction drive style transmission arm and can holder into the new gear drive style. Dont like the new can on the retro kit? Neither did we. Keep your old style can, with the new gear setup. Core is required to be shipped back when new assembly is received.</h6>
<div class="dis">
<p>Old GQB Before</p>

<img src="oldfrictiondrivewheel.jpg" width="100" height="110" /></br>
</div>
<br>
</br>
<div class="dis">
<p>New Gear Coversion</p>



<img src="gqbgearconversion.jpg" width="100" height="110" /></div></br>
<br>
</br>
<h5> There is no need to buy a new 5G circut board if it is boken, send it in and will fix them for a steal of a deal!</h5>

<center>
<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>


<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>



<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>


<br>
</br>
<br>
</br>

<br>
</br>
<br>
</br>


</div>
<div id="footer">

<center><address style="text-align:center"><b> • Industrial Machinery •
PO Box 885 •
Preston,WA 98050 •
(425)222-6055 • © •

<a href="mailto:industrialpaint@earthlink.net">Click Here to Email IMC •</a></b></address></center>
<script>
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

function prepareMenu() {
// first lets make sure the browser understands the DOM methods we will be using
if (!document.getElementsByTagName) return false;
if (!document.getElementById) return false;

// lets make sure the element exists
if (!document.getElementById("menu")) return false;
var menu = document.getElementById("menu");

// for each of the li on the root level check if the element has any children
// if so append a function that makes the element appear when hovered over
var root_li = menu.getElementsByTagName("li");
for (var i = 0; i < root_li.length; i++) {
var li = root_li[i];
// search for children
var child_ul = li.getElementsByTagName("ul");
if (child_ul.length >= 1) {
// we have children - append hover function to the parent
li.onmouseover = function () {
if (!this.getElementsByTagName("ul")) return false;
var ul = this.getElementsByTagName("ul");
ul[0].style.display = "block";
return true;
}
li.onmouseout = function () {
if (!this.getElementsByTagName("ul")) return false;
var ul = this.getElementsByTagName("ul");
ul[0].style.display = "none";
return true;
}
}
}

return true;
}

addLoadEvent(prepareMenu);



</script>
<div id="backlinks">
<center><a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.FireplaceDesignGuide.com '>fireplace tips</a>  <a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.easycrockpotrecipies.com'>Free Crockpot recipes</a>  <a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.youbuy4less.com'>Youbuy4less</a>  <a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.tsstone.com/'>granite</a>  <a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.chef2000encasa.com'>Chef2000encasa.com</a>  <a style='font-size:8px;color:#0000FF;font-family:Arial;' target='_blank' href='http://www.freelinksdirect.com'>Free Backlinks</a>  

<a href="http://www.blurbosphere.com" target="_blank">Blurbosphere.com</a>
<a href="http://www.submission-software-reviews.com">Submission Software Reviews</a>
<a href="http://www.addbacklinks.com/">Backlink Directory</a>

<a href="http://www.addpro.com"><b>Search Engine Submission</b></a>

<a href="http://www.linkmarket.net/" title="Link Market - Free Link Exchange, Link Building and Link Trade Directory" target="_blank">Link Market - Free Link Exchange, Link Building and Link Trade Directory</a>

<a href="http://www.hosts4u.ws/" title="Web Hosting" target="_blank"></a>


<a href="http://www.biotechnologiesinc.co.in/" title="Laboratory Equipments, Scientific Equipments, Testing Equipments" target="_blank"></a>


<a href="http://www.brownsvillewaterdamagerestoration.com/" title="Drywall Repair South Padre Island" target="_blank"></a><br>

<a href="http://www.hotvsnot.com/"></a> <a href="http://www.hotvsnot.com/Business/Industrial_Goods_and_Services/Machinery_And_Tools/"> </a>
<a href="http://www.insuranceatlanta.org/" title="Health Insurance Low Cost Atlanta Georgia" target="_blank"></a>

<a href="http://www.guesthousejardinets.com/" title="Accommodation In Bed And Breakfast In Barcelona, Spain" target="_blank"></a>

<a href="http://www.decalgenius.com/" title="Custom Decal" target="_blank"></a>

<a href="http://www.boningroup.com/" title="Bonin's Resources" target="_blank"></a>

<a href="http://www.titler.net/wholesale_RalphLauren-cat-1-659-.html" title="Wholesale Ralph Lauren Clothing Replica Ralph Lauren Hoody Jacket" target="_blank"></a><br>

</div>

</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 28 2010, 04:55 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
The online tools report markup and CSS errors:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes
http://jigsaw.w3.org/css-validator/validat...g=1&lang=en

Some of the markup errors are caused by using HTML syntax in an XHTML document. Pick either HTML or XHTML, and don't mix the two.

Some of the markup errors are caused by using presentational markup with a Strict doctype. If you're going to use presentational markup, then use a Transitional doctype, although it's better to use CSS instead of presentational markup, and stick with a Strict doctype.

If the browser window is narrow enough to wrap the horizontal navbar, then the drop-down menu doesn't work well. If the browser window is wide enough, then there's a gap between the left navbar and the center content area.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 03:16 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC