1 reply [Last post]
datonn
Offline
Regular
Last seen: 8 years 37 weeks ago
Timezone: GMT-6
Joined: 2004-03-06
Posts: 17
Points: 9

Hello all! I'd love some constructive criticism on the latest web site that I have built, www.mapformation.com. Things seem to be pretty solid across most/all browsers, except for one annoying little problem related to my CSS menu and a MM_jumpMenu function found on 5-6 of my "portfolio" pages. When opening a page such as: http://www.mapformation.com/portfolio/campus/3Draster.htm, the CSS menu hides behind my drop-down menu.

I've tried altering z-index values, adding some custom [if IE] code, etc. and the problem still has got the best of me! If anyone has an idea of what I can do to resolve that little bug, I'd love to hear from you! Also, please pick my code apart as well. I'm still a "newbie" related to CSS, but I'm getting better as people offer me constructive criticism. Thanks!

Derek

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html><!-- InstanceBegin template="/Templates/mapformation.dwt" codeOutsideHTMLIsLocked="false" --> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="description" content="A design cartography firm based in Springfield, Minnesota, USA, specializing in the development of campus maps, city/area maps and building interior diagrams for use in print, signage and the World Wide Web."> 
<meta name="keywords" content="design cartography, graphic design, cartography, maps, map-making, Springfield, Minnesota, small business, conception cartographie, Designcartography, disegno cartografia"> 
<meta name="revisit-after" content="15 days"> 
<link rel="shortcut icon" href="../../favicon.ico" > 
<!-- InstanceBeginEditable name="Live Bookmarks" --><!-- InstanceEndEditable --> 
<script type="text/javascript" src="../../templates/scripts/rotatingheader.js"></script> 
<script type="text/javascript" src="../../templates/scripts/external.js"></script> 
<script type="text/javascript" src="../../templates/scripts/tab_content.js"></script> 
<!-- InstanceBeginEditable name="PageTitle" --><title>mapformation Portfolio: 3D Perspective Raster Campus Maps</title> 
 
<style type="text/css"> 
<!-- 
.style6 { 
	font-size: 18px; 
	font-weight: bold; 
} 
--> 
</style> 
<!-- InstanceEndEditable --> 
<style type="text/css"> 
@import url("../../templates/css/navigational_menu.css"); 
@import url("../../templates/css/tab_content.css"); 
</style> 
<!--[if IE]> 
<style type="text/css" media="screen"> 
#menu{float:none;} 
body { behavior:url("csshover.htc"); font-size: 100%; } 
#menu ul li {float: left; width: 100%;} 
#menu h2, #menu a{height:1%;font:bold 0.7em/1.4em arial,helvetica,sans-serif;} 
#menu ul li a{height:1%;} 
</style> 
<![endif]--> 
</head> 
<body> 
<script type="text/javascript" language="JavaScript"><!-- 
printImage(); 
//--></script> 
<noscript><img src="../../images/header/header7.png" width="750" height="97" alt=""></noscript> 
<table width="750" border="0"> 
  <tr> 
    <td><a href="http://www.mapformation.com"><img src="../../images/logo.png" alt="mapformation Logo" width="251" height="37" border="0"></a></td> 
 
    <td><div align="right" class="style1"><script language=javascript src="../../templates/scripts/writedate.js" type="text/javascript"></script></div></td> 
  </tr> 
</table> 
 
<div id="menu"> 
<ul><li><h2>About Us</h2> 
  <ul><li><a href="../../aboutus/history.htm" title="History">Our History</a> 
	  <li><a href="../../aboutus/clients/clients.html" title="Clients">Our Clients</a> 
	  <li><a href="../../aboutus/strategy.htm" title="Strategy">Our Strategy</a> 
 
	  <li><a href="../../aboutus/staff.htm" title="Employees">Our Designers</a> 
      <ul><li><a href="../../aboutus/staff/david.htm" title="David Burley, Designer">David Burley</a> 
		  <li><a href="../../aboutus/staff/michael.htm" title="Michael Karpovage, Designer">Michael Karpovage</a> 
		  <li><a href="../../aboutus/staff/nate.htm" title="Nate Logston, Designer">Nate Logston</a> 
		  <li><a href="../../aboutus/staff/bob.htm" title="Bob North, Designer">Robert North</a> 
		  <li><a href="../../aboutus/staff/tom.htm" title="Tom Pankratz, Designer">Tom Pankratz</a> 
 
		  <li><a href="../../aboutus/staff/becky.htm" title="Becky Tonn, Designer">Becky Tonn</a> 
		  <li><a href="../../aboutus/staff/derek.htm" title="Derek Tonn, President">Derek Tonn</a></li></ul> 
	  <li><a href="../../aboutus/memberships.htm" title="Our Affiliations">Our Affiliations</a> 
	  <ul><li><a href="http://www.acced-i.org/" title="Association for Collegiate Conference and Events Directors - International" rel="external">ACCED-I</a> 
		  <li><a href="http://www.cartotalk.com/" title="CartoTalk" rel="external">CartoTalk</a> 
		  <li><a href="http://www.cccu.org/" title="Council for Christian Colleges & Universities" rel="external">CCCU</a> 
 
		  <li><a href="http://www.nacis.org/" title="North American Cartographic Information Society" rel="external">NACIS</a> 
		  <li><a href="http://www.ncmpr.org/" title="National Council for Marketing and Public Relations" rel="external">NCMPR</a> 
		  <li><a href="http://www.rcapa.net/" title="Remote Control Aerial Photography Association" rel="external">RCAPA</a> 
		  <li><a href="http://www.scup.org/" title="Society for College and University Planning" rel="external">SCUP</a> 
		  <li><a href="http://www.springfieldmnchamber.org" title="Springfield (MN) Area Chamber of Commerce" rel="external">Springfield (MN) Chamber</a> 
	      <li><a href="http://www.ucda.com/" title="University and College Designers Association" rel="external">UCDA</a></ul></li> 
 
	  <li><a href="../../aboutus/news.htm" title="News">News Releases</a></ul></li></ul> 
 
<ul><li><h2>Services</h2> 
  <ul><li><a href="../../services/city_area.htm"  title="City/Area Maps">City/Area Maps</a> 
      <li><a href="../../services/campus_map.htm" title="Campus Mapping">Campus Mapping</a> 
      <ul><li><a href="../../services/campus/2Dcampus.htm"  title="2D Perspective">2D Perspective</a> 
	      <li><a href="../../services/campus/3Dcampus.htm"  title="3D Perspective">3D Perspective</a> 
 
		  <ul><li><a href="../../services/campus/3Dcampus/3Dvector.htm"  title="3D Perspective Vector">Vector</a> 
		      <li><a href="../../services/campus/3Dcampus/3Draster.htm"  title="3D Perspective Raster">Raster</a> 
			  <li><a href="../../services/campus/3Dcampus/3Dbyhand.htm"  title="3D Perspective Hand-Rendered">Hand-Rendered</a> 
			  <li><a href="../../services/campus/3Dcampus/3Dinteractive.htm"  title="Interactive 3D">Interactive</a></li></ul></li></ul> 
	  <li><a href="../../services/floordiagrams.htm"  title="Building Interior Diagrams">Floor Diagrams</a> 
	  <li><a href="../../services/charts.htm"  title="Seating Charts">Seating Charts</a> 
 
	  <li><a href="http://www.virtualtoursdesign.com"  title="Virtual Tours" rel="external">Virtual Tours</a> 
	  <li><a href="../../services/printfilm.htm"  title="Print and Film-Based Solutions">Print and Film Based Solutions</a> 
	      <ul><li><a href="../../services/printfilm/mapformation.htm"  title="mapformation">mapformation</a> 
		  <li><a href="http://www.seebuddee.com/"  title="SeeBuddee" rel="external">SeeBuddee</a> 
		  <li><a href="../../services/printfilm/viewmaster.htm"  title="Custom View-Master Reels">View-Master</a></li></ul> 
	  <li><a href="../../services/zoomify.htm"  title="Zoomification of Maps, Diagrams and Photos">Zoomify</a> 
 
	  <li><a href="../../services/maintenance.htm"  title="Modifications to Existing Third-Party Maps and Diagrams">Map Updates and Maintenance</a></li></ul></li></ul> 
	   
<ul><li><h2>Portfolio</h2> 
  <ul><li><a href="../city_area.htm"  title="City/Area Maps">City/Area Maps</a> 
      <li><a href="../2Dcampus.htm"  title="2D Perspective Campus Maps">2D Campus Maps</a> 
	  <li><a href="../3Dcampus.htm"  title="3D Perspective Campus Maps">3D Campus Maps</a> 
		  <ul><li><a href="3Dvector.htm"  title="3D Perspective Vector">Vector</a> 
 
		      <li><a href="3Draster.htm"  title="3D Perspective Raster">Raster</a> 
			  <li><a href="3Dbyhand.htm"  title="3D Perspective Hand-Rendered">Hand-Rendered</a> 
			  <li><a href="3Dinteractive.htm"  title="Interactive 3D">Interactive</a></li></ul> 
	  <li><a href="../floordiagrams.htm"  title="Floor Diagrams">Floor Diagrams</a> 
	  <li><a href="../charts.htm"  title="Seating Charts">Seating Charts</a> 
	  <li><a href="../specialprojects.htm"  title="Special Projects">Special Projects</a></li></ul></li></ul> 
 
<ul><li><h2>Partners</h2> 
  <ul><li><a href="../../partners/aerialphoto.htm" title="Aerial Photography Partners">Aerial Photography</a> 
      <ul><li><a href="../../partners/aerialphoto/bordner_aerials.htm" title="Bordner Aerials">Bordner Aerials</a> 
	      <li><a href="../../partners/aerialphoto/focalplane.htm" title="Focal Plane Photography">Focal Plane Photography</a> 
		  <li><a href="../../partners/aerialphoto/skyviewpictures.htm" title="Sky View Pictures">Sky View Pictures</a></li></ul> 
      <li><a href="../../partners/collegenet.htm" title="CollegeNET">CollegeNET</a> 
 
      <li><a href="../../partners/designersign.htm" title="Designer Sign Systems">Designer Sign Systems</a> 
	  <li><a href="../../partners/fisherprice.htm" title="Fisher-Price">Fisher-Price</a> 
	  <li><a href="../../partners/mentorwave.htm" title="Mentorwave Technologies">Mentorwave Technologies</a> 
      <li><a href="../../partners/metroprinting.htm" title="Metro Printing">Metro Printing</a> 
      <li><a href="../../partners/uniquevenues.htm" title="Unique Venues">Unique Venues</a> 
	  <li><a href="../../partners/zoomify.htm" title="Zoomify">Zoomify</a></li> 
 
  </ul></li></ul> 
 
<ul><li><h2>tonnhaus u</h2> 
  <ul><li><a href="../../tonnhausu/about.htm" title="About tonnhaus University">About the &quot;U&quot;</a> 
      <li><a href="../../tonnhausu/freeresources.htm" title="Free Public Resources">Free Resources</a> 
	  <ul><li><a href="../../tonnhausu/resources/antivirus.htm" title="Anti-Virus Materials">Anti-Virus</a> 
	      <li><a href="http://www.vischeck.com/vischeck/vischeckImage.php" title="Check Graphics for Color Blindness Issues" rel="external">Check Graphics for Color Blindness Issues</a> 
 
		  <li><a href="http://www.colorbrewer.org/" title="Color Brewer (Color Diagnostic Tool)" rel="external">ColorBrewer</a> 
	      <li><a href="../../tonnhausu/resources/email.htm" title="E-mail Resources">E-mail</a> 
		  <li><a href="../../tonnhausu/resources/firewall.htm" title="Firewalls">Firewalls</a> 
		  <li><a href="../../tonnhausu/resources/graphicdesign.htm" title="Graphic Design">Graphic Design</a> 
	      <li><a href="../../tonnhausu/resources/mapping.htm" title="Mapping Resources">Mapping</a> 
		  <li><a href="../../tonnhausu/resources/presentations.htm" title="Past Presentation Materials">Presentations</a> 
 
		  <li><a href="../../tonnhausu/resources/browsers.htm" title="Web Browsers">Web Browsers</a> 
		  <li><a href="../../tonnhausu/resources/webdesign.htm" title="Web Design Resources">Web Design</a></li></ul> 
	  <li><a href="../../tonnhausu/clients/resources.htm" title="Client Resources">Client Resources</a></li></ul></li></ul> 
 
<ul><li><h2>Other Links</h2> 
  <ul><li><a href="../../other/industry.htm" title="Our Industry">Our Industry</a> 
      <li><a href="http://www.cartotalk.com/" title="CartoTalk">CartoTalk</a> 
 
      <li><a href="../../other/associations.htm" title="Mapping Associations">Map Associations</a> 
	  <ul><li><a href="http://www.cartography.org.uk/" title="British Cartographic Society" rel="external">BCA</a> 
	      <li><a href="http://www.geog.ubc.ca/cca/" title="Canadian Cartographic Association" rel="external">CCA</a> 
		  <li><a href="http://www.icaci.org/" title="International Cartographic Association" rel="external">ICA</a> 
		  <li><a href="http://www.maptrade.org/index.cfm" title="International Map Trade Association" rel="external">IMTA</a> 
		  <li><a href="http://www.nacis.org/" title="North American Cartographic Information Society" rel="external">NACIS</a> 
 
		  <li><a href="http://www.soc.org.uk/" title="Society of Cartographers" rel="external">SOC</a></li></ul> 
	  <li><a href="../../other/other.htm" title="Other Services">Other Services</a> 
	      <ul><li><a href="http://maps.google.com/" title="Google Maps" rel="external">Google Maps</a> 
			  <li><a href="http://earth.google.com/" title="Google Earth" rel="external">Google Earth</a> 
			  <li><a href="http://www.mapquest.com/" title="MapQuest" rel="external">MapQuest</a> 
			  <li><a href="http://www.multimap.com/" title="Multimap" rel="external">Multimap</a> 
 
			  <li><a href="http://worldwind.arc.nasa.gov/" title="NASA WorldWind" rel="external">NASA WorldWind</a> 
			  <li><a href="http://www.spaceimaging.com/" title="Space Imaging" rel="external">Space Imaging</a> 
			  <li><a href="http://terraserver-usa.com/" title="TerraServer USA" rel="external">TerraServer USA</a> 
			  <li><a href="http://www.topozone.com/" title="TopoZone" rel="external">TopoZone</a> 
	          <li><a href="http://local.live.com/" title="Windows LiveLocal" rel="external">Windows LiveLocal</a></li></ul></li></ul></li></ul> 
 
<ul><li><h2>Contact Us</h2> 
 
  <ul><li><a href="../../contact.htm" title="General Information">General Information</a> 
      <li><a href="../../contact/webchat.htm" title="Live Web Chat With Derek Tonn">Live Web Chat</a> 
      <li><a href="../../contact/employment.htm" title="Employment Opportunities">Employment</a></li></ul></li></ul> 
</div> 
<div id="content">&nbsp;<br><!-- InstanceBeginEditable name="Written Content" --><style type="text/css"> 
@import url("../../../templates/css/portfolio.css");</style> 
<!--[if IE]> 
<style type="text/css" media="screen"> 
#gallery{float:none;} 
body { behavior:url("csshover.htc"); font-size: 100%; } 
#gallery li {float: none;} 
#gallery ul {width: 200px;} 
#gallery ul li {float: none;} 
#gallery li ul li {float: none;} 
#gallery ul:before {float: none;} 
#gallery ul:after {float: none;} 
#gallery:after {float: none;} 
</style> 
<![endif]--> 
<span class="style6">3D Perspective Raster Campus  Maps Portfolio</span><br> 
To view any of these images in greater detail, simply click on the corresponding thumbnail graphic and you will be taken to a page that will allow you to view these images in their entirety. You may also chose portfolio examples by client name using the following list:  
<script language="JavaScript" type="text/JavaScript"> 
<!-- 
function MM_jumpMenu(targ,selObj,restore){ //v3.0 
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
  if (restore) selObj.selectedIndex=0;} 
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_jumpMenuGo(selName,targ,restore){ //v3.0 
  var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);} 
//--> 
 
</script> 
        <select name="colleges" class="style2" onChange="MM_jumpMenu('parent',this,1)"> 
          <option value="#" selected>Make Selection 
          <option value="../../portfolio/campus/aramark3D.htm">Aramark Corporation 
		  <option value="../../portfolio/campus/brookhaven3D.htm">Brookhaven College 
		  <option value="../../portfolio/campus/cedarvalley3D.htm">Cedar Valley College 
		  <option value="../../portfolio/campus/elcentro3D.htm">El Centro College 
		  <option value="../../portfolio/campus/mtc3D.htm">Marion Technical College 
		  <option value="../../portfolio/campus/northlake3D.htm">North Lake College 
		  <option value="../../portfolio/campus/osumarion3D.htm">The Ohio State University at Marion 
		  <option value="../../portfolio/campus/richland3D.htm">Richland College 
		  <option value="../../portfolio/campus/sjfc3D.htm">St. John Fisher College 
		  <option value="../../portfolio/campus/sunycanton3D.htm">SUNY Canton 
		  <option value="../../portfolio/campus/tompkinscortland3D.htm">Tompkins Cortland Community College 
  </select><br><br> 
 
<ul id="gallery"> 
<li><a href="aramark3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/aramark3D.png" alt="Link to Detailed Portfolio Imagery for Aramark Corporation" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Aramark Corporation 
	<li><strong>Location:</strong> Philadelphia, Pennsylvania (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> Summer 2005</li> 
 
	</ul></li> 
<li><a href="brookhaven3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/brookhaven3D.png" alt="Link to Detailed Portfolio Imagery for Brookhaven College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Brookhaven College 
	<li><strong>Location:</strong> Farmers Branch, Texas (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> April 2006</li> 
 
	</ul></li> 
<li><a href="cedarvalley3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/cedarvalley3D.png" alt="Link to Detailed Portfolio Imagery for Cedar Valley College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Cedar Valley College 
	<li><strong>Location:</strong> Lancaster, Texas (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> March 2006</li> 
 
	</ul></li> 
<li><a href="elcentro3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/elcentro3D.png" alt="Link to Detailed Portfolio Imagery for El Centro College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> El Centro College 
	<li><strong>Location:</strong> Dallas, Texas (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> March 2006</li> 
 
	</ul></li> 
<li><a href="mtc3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/mtc3D.png" alt="Link to Detailed Portfolio Imagery for Marion Technical College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Marion Technical College 
	<li><strong>Location:</strong> Marion, Ohio (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> September 2005</li> 
 
	</ul></li> 
<li><a href="northlake3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/northlake3D.png" alt="Link to Detailed Portfolio Imagery for North Lake College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> North Lake College 
	<li><strong>Location:</strong> Irving, Texas (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> January 2006</li> 
 
	</ul></li> 
<li><a href="osumarion3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/osumarion3D.png" alt="Link to Detailed Portfolio Imagery for The Ohio State University at Marion" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> The Ohio State University at Marion 
	<li><strong>Location:</strong> Marion, Ohio (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> August 2005</li> 
 
	</ul></li> 
<li><a href="richland3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/richland3D.png" alt="Link to Detailed Portfolio Imagery for Richland College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Richland College 
	<li><strong>Location:</strong> Dallas, Texas (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> February 2006</li> 
 
	</ul></li> 
<li><a href="sjfc3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/sjfc3D.png" alt="Link to 3D Perspective Campus Map for St. John Fisher College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> St. John Fisher College 
	<li><strong>Location:</strong> Rochester, New York (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> September 2003</li> 
 
	</ul></li> 
<li><a href="sunycanton3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/sunycanton3D.png" alt="Link to 3D Perspective Campus Map for SUNY Canton" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> State University of New York at Canton 
	<li><strong>Location:</strong> Canton, New York (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> November 2002</li> 
 
	</ul></li> 
<li><a href="tompkinscortland3D.htm" type="image/png"><img src="../../images/thumbnails/portfolio/3Dcampus/tompkinscortland3D.png" alt="Link to 3D Perspective Campus Map for Tompkins Cortland Community College" width="125" height="125" border="0"/></a> 
	<ul> 
	<li><strong>Client:</strong> Tompkins Cortland Community College 
	<li><strong>Location:</strong> Dryden, New York (USA) 
	<li><strong>Software Used:</strong> Raster: Adobe Photoshop 
	<li><strong>Date Completed:</strong> April 2006</li> 
 
	</ul></li> 
</ul><br><br><br><br><br><br><br><br><br><!-- InstanceEndEditable --></div> 
<br><!-- SiteSearch Google --> 
<form method="get" action="http://www.google.com/custom" target="google_window"> 
<table width="750" border="0"> 
<tr><td nowrap="nowrap" align="left" height="32"><div align="left" class="style3 style4"><a href="http://www.mapformation.com/">Home</a> | <a href="../../privacy.htm">Privacy Policy</a>  |  <a href="../../sitemap.htm">Site Map</a></div></td> 
<td nowrap="nowrap" class="style3 style4" align="right"> 
<input type="hidden" name="domains" value="www.mapformation.com"></input> 
<input type="text" name="q" size="25" maxlength="255" value=""></input> 
 
<input type="submit" name="sa" value="Search"></input>&nbsp; 
<input type="radio" name="sitesearch" value=""></input>internet&nbsp;&nbsp;<input type="radio" name="sitesearch" value="www.mapformation.com" checked="checked"></input>mapformation.com 
<input type="hidden" name="client" value="pub-6711813131939290"></input> 
<input type="hidden" name="forid" value="1"></input> 
<input type="hidden" name="ie" value="ISO-8859-1"></input> 
<input type="hidden" name="oe" value="ISO-8859-1"></input> 
<input type="hidden" name="safe" value="active"></input> 
<input type="hidden" name="cof" value="GALT:#CC6600;GL:1;DIV:#FFFFFF;VLC:CC6600;AH:center;BGC:FFFFFF;LBGC:336699;ALC:CC6600;LC:CC6600;T:000000;GFNT:CC6600;GIMP:CC6600;LH:15;LW:100;L:http://www.mapformation.com/images/logo.png;S:http://http://www.mapformation.com/;LP:1;FORID:1;"></input> 
<input type="hidden" name="hl" value="en"></input> 
</td></tr></table> 
</form> 
<!-- SiteSearch Google --> 
</body> 
<!-- InstanceEnd --></html>
[/code]

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

mapformation.com

That's a very nice looking site you've got there. As for your problem, you might want to look at this which requires javascript: http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference