Web Design and Development Forums

Positioning problems with horizontal drop down menu

This is a discussion on "Positioning problems with horizontal drop down menu" within the CSS Forum section. This forum, and the thread "Positioning problems with horizontal drop down menu are both part of the Design Your Website category.


Go Back   Webforumz.com > Design Your Website > CSS Forum
Reload this Page Positioning problems with horizontal drop down menu
Register All AlbumsBlogs FAQ Members List Calendar Search Today's Posts Mark Forums Read

Welcome to Webforumz.com.
Register Now Register now!

Reply
 
LinkBack Thread Tools Rate Thread
Old May 8th, 2008, 11:29   #1 (permalink)
New Member
 
Join Date: Apr 2008
Location: London
Posts: 3
Positioning problems with horizontal drop down menu
Hi

I have put together a css menu for a clients website, and i've hit a few problems with one of the dropdown menus in particular which causes a horizontal scrollbar to appear when you first open the page. When you view the site on a smaller screen the sub menu option for Financial Solution Online shifts over to the left (I'm currently using 1680 x 1050 so i dont see this issue unless i minimise the browser)This problem exists both in IE and FFox. Any suggestions on how to fix the issue with the Financial sub menu? I know it has something to do with the negative margin-left value, can I achieve the positioning on this particular submenu another way?

I enclose the relevent css & html below
The link to the page to view the html code is here:
http://www.europadesigns.co.uk/alcaz...index-css.htm/
I hope somebody can help as i have been ripping my hair out!
-----
CSS
Code: Select all
body {margin: 0px; background-color: #FFFFFF; height: 100%;
}
html { height: 100%;
}
.tiny {font-size:1px;
}
/* -------------------------- TEMPLATE & LAYOUT STYLES ---------------------------------- */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF;
  margin:0px; margin-top: 7px; padding-bottom:5px; margin-bottom:6px; border-bottom:1px solid #5E744B;
}
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #778474;
  margin:0px; margin-top: 7px; padding-bottom:5px; margin-bottom:6px; border-bottom:1px solid #5E744B;
}
h3{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #778474;
  margin:0px;
}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #8AA573;
        padding-top:10px; padding-bottom:15px;}    
.ours a:link    {color:#8AA573; text-decoration:none;}
.ours a:visited {color:#8AA573; text-decoration:none;}
.ours a:hover   {color:#FFFFFF; text-decoration:none; cursor:pointer; }
.ours a:active  {color:#8AA573; text-decoration:none;
}
.homebg {
 background-image:url(../images/welcome-bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
.topbannerMARG {margin-top:10px;}
.picMARG {margin-top:27px;}
.flagmarg {margin-right:5px;}
.iconmarg {margin-right:30px;}
.formfield {border: 1px solid #999999;}
/* ------------------ DROP DOWN MENU STYLE with background image ------------------------- */
.menusub1 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline; margin-top:5px; width:550px; margin-left:13px}
.menusub1 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub1 a:hover{color: #7e8a7b;
}
.menusub2 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; width:650px;}
.menusub2 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub2 a:hover{color: #7e8a7b;
}
.menusub3 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; margin-left:13px;  width:550px;}
.menusub3 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub3 a:hover{color: #7e8a7b;
}
.menusub4 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; margin-left:13px; width:550px;}
.menusub4 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub4 a:hover{color: #7e8a7b;
}
.menusub5 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; margin-left:16px; width:350px;}
.menusub5 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub5 a:hover{color: #7e8a7b;
}
.menusub6 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; margin-left:-237px; margin-right:auto; width:auto;}
.menusub6 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub6 a:hover{color: #7e8a7b;
}
.menusub7 { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 160;  display: inline;margin-top:5px; margin-left:auto; margin-right:auto; width:500px;}
.menusub7 a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: inline; line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusub7 a:hover{color: #7e8a7b;
}

.menusubUNUSED { position:absolute; visibility: hidden; 
line-height: 18px; z-index: 100; width: 114px; }
.menusubUNUSED a{ width: 100%; font-weight:normal; padding-left: 0px; text-decoration: none; display: block; line-height:150%;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;
background: #FFFFFF; border-right: 1px solid #FFFFFF; }
.menusubUNUSED a:hover{ background:#7e8a7b; color: #FFFFFF;
}
/* -------------------------------- TEXT STYLES ----------------------------------------- */
.maintxt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#666666; line-height: 2;}
.maintxt a:link    {color:#4D4D4D; text-decoration:underline;}
.maintxt a:visited {color:#4D4D4D; text-decoration:underline;}
.maintxt a:hover   {color:#778474; text-decoration:none; cursor:pointer;}
.maintxt a:active  {color:#4D4D4D; text-decoration:underline;
}
.maintxt2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#666666; line-height: 2;}
.maintxt2 a:link    {color:#4D4D4D; text-decoration:underline;}
.maintxt2 a:visited {color:#4D4D4D; text-decoration:underline;}
.maintxt2 a:hover   {color:#778474; text-decoration:none; cursor:pointer;}
.maintxt2 a:active  {color:#4D4D4D; text-decoration:underline;
}
.qualtit { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#149354; line-height: 2;}
.qualtit a:link    {color:#4D4D4D; text-decoration:underline;}
.qualtit a:visited {color:#4D4D4D; text-decoration:underline;}
.qualtit a:hover   {color:#778474; text-decoration:none; cursor:pointer;}
.qualtit a:active  {color:#4D4D4D; text-decoration:underline;
}
.qualtit2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0693D1; line-height: 2;}
.qualtit2 a:link    {color:#4D4D4D; text-decoration:underline;}
.qualtit2 a:visited {color:#4D4D4D; text-decoration:underline;}
.qualtit2 a:hover   {color:#778474; text-decoration:none; cursor:pointer;}
.qualtit2 a:active  {color:#4D4D4D; text-decoration:underline;
}
.faq { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0693D1; line-height: 2; font-weight:bold;}
.faq a:link    {color:#0693D1; text-decoration:underline;}
.faq a:visited {color:#0693D1; text-decoration:underline;}
.faq a:hover   {color:#149354; text-decoration:none; cursor:pointer;}
.faq a:active  {color:#0693D1; text-decoration:underline;
}
.quotetxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; font-style:italic; line-height: 2;}
.quotetxt a:link    {color:#4D4D4D; text-decoration:underline;}
.quotetxt a:visited {color:#4D4D4D; text-decoration:underline;}
.quotetxt a:hover   {color:#778474; text-decoration:none; cursor:pointer;}
.quotetxt a:active  {color:#4D4D4D; text-decoration:underline;
}
.bread { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; }
.bread a:link    {color:#4D4D4D; text-decoration:underline;}
.bread a:visited {color:#4D4D4D; text-decoration:underline;}
.bread a:hover   {color:#01D010; text-decoration:none; cursor:pointer;}
.bread a:active  {color:#4D4D4D; text-decoration:underline;
}
.foottxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; line-height: 2;}
.foottxt a:link    {color:#4D4D4D; text-decoration:underline;}
.foottxt a:visited {color:#4D4D4D; text-decoration:underline;}
.foottxt a:hover   {color:#03D013; text-decoration:none; cursor:pointer;}
.foottxt a:active  {color:#4D4D4D; text-decoration:underline;
}
.tabtxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; }
.tabtxtttitle { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; }
.tabtxtttitle2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#4D4D4D; }
#topbannerbox {
 height: 75px;
 width: 990px;
 margin-top: 2px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0px;
}
#logobox {
 float: left;
 height: 75px;
 width: 331px;
}
#toprhs {
 text-align: right;
 float: right;
 height: 75px;
 width: 437px;
}
#menubox {
 height: 25px;
 width: 995px;
 margin-right: auto;
 margin-left: auto;
 margin-top:10px;
 margin-bottom: 40px;
}
#menuboxhome {
 height: 25px;
 width: 995px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 25px;
}
#breadbox {
 height: 25px;
 width: 768px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
}
#footerbox {
 height: 25px;
 width: 990px;
 text-align: center;
 line-height: 25px;
 margin-right: auto;
 margin-left: auto;
 margin-top:10px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #778474;
}
#iconbox {
 height: 35px;
 width: 990px;
 text-align: center;
 line-height: 35px;
 margin-right: auto;
 margin-left: auto;
 margin-top:15px;
 margin-bottom:15px;
}
#bannerholder {
 height: 225px;
 width: 100%;
 margin-bottom: 5px;
}
#bannerholder1 {
 height: 175px;
 width: 100%;
 background-image: url(../images/main-bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
#bannerholder2 {
 height: 175px;
 width: 100%;
 background-image: url(../images/main-bg2.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
#bannerholder3 {
 height: 175px;
 width: 100%;
 background-image: url(../images/main-bg3.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
#container {
 background-color: #FFFFFF;
 width: 100%;
}
#homepic {
 background-image: url(../images/welcome-bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 height: 278px;
 width: 100%;
}
#welcomepic {
 height: 278px;
 width: 990px;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
}
#homemenu {
 height: 25px;
 width: 990px;
 margin-right: auto;
 margin-left: auto;
}
#maincont {
 text-align: center;
 width: 990px;
 margin-right: auto;
 margin-left: auto;
 margin-top:15px;
}
HTML

Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alcazaba Hills</title>
<link href="scripts/cssTEST.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="scripts/script.js" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript" src="scripts/showhide.js"></script>
<script language="javascript" type="text/javascript" src="scripts/nav.js"></script>
<script 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];}
}
function MM_controlSound(x, _sndObj, sndFile) { //v3.0
  var i, method = "", sndObj = eval(_sndObj);
  if (sndObj != null) {
    if (navigator.appName == 'Netscape') method = "play";
    else {
      if (window.MM_WMP == null) {
        window.MM_WMP = false;
        for(i in sndObj) if (i == "ActiveMovie") {
          window.MM_WMP = true; break;
      } }
      if (window.MM_WMP) method = "play";
      else if (sndObj.FileName) method = "run";
  } }
  if (method) eval(_sndObj+"."+method+"()");
  else window.location = sndFile;
}
//-->
</script>
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onLoad="MM_preloadImages('images/MENU-HOME2_01.gif','images/MENU-HOME2_02.gif','images/MENU-HOME2_03.gif','images/MENU-HOME2_04.gif','images/MENU-HOME2_05.gif','images/MENU-HOME2_06.gif','images/MENU-HOME2_07.gif','images/MENU-HOME2_08.gif','images/icons2/inspection1B.gif','images/icons2/localweather1B.gif','images/icons2/live1B.gif','images/icons2/contact1B.gif','images/icons2/tour1B.gif','images/RESORT-MENU2_05.gif')">
<div id="container">
  <div align="center"><br>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','541','height','121','src','flash/alcaz-logo','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/alcaz-logo' ); //end AC code
    </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=7,0,19,0" width="541" height="121">
        <param name="movie" value="flash/alcaz-logo.swf">
        <param name="quality" value="high">
        <embed src="flash/alcaz-logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="541" height="121"></embed>
      </object>
      </noscript>
  </div>
  <div id="homepic">
    <div id="welcomepic">
      <div align="center"><img src="http://www.webforumz.com/images/welcome-banner.jpg"></div>
    </div>
  </div><div id="homemenu"><div id="menuboxhome"><a href="resort.htm" target="_self" onMouseOver="dropdownmenu(this, event, 'resort')" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_01.gif" alt="Resort" name="Image2" border="0" onMouseOver="MM_swapImage('Image2','','images/MENU-HOME2_01.gif',1)" onMouseOut="MM_swapImgRestore()"></a><div id="resort" class="menusub2" align="left"><a href="concept.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('concept','','images/RESORT-MENU2_01.gif',1)"><img src="http://www.webforumz.com/images/RESORT-MENU1_01.gif" alt="concept" name="concept"  border="0" id="concept"></a><a href="master-plan.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('masterplan','','images/RESORT-MENU2_02.gif',1)"><img src="http://www.webforumz.com/images/RESORT-MENU1_02.gif" alt="masterplan" name="masterplan"  border="0" id="masterplan"></a><a href="first-phase.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('firstphase','','images/RESORT-MENU2_03.gif',1)"><img src="http://www.webforumz.com/images/RESORT-MENU1_03.gif" alt="firstphase" name="firstphase"  border="0" id="firstphase"></a><a href="hotel.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hotel','','images/RESORT-MENU2_04.gif',1)"><img src="http://www.webforumz.com/images/RESORT-MENU1_04.gif" alt="hotel" name="hotel"  border="0" id="hotel"></a><a href="architecture.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('arch','','images/RESORT-MENU2_05.gif',1)"><img src="http://www.webforumz.com/images/RESORT-MENU1_05.gif" alt="architecture" name="architecture"  border="0" id="arch"></a></div><a href="developer.htm" target="_self" onMouseOver="dropdownmenu(this, event, 'developer')" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_02.gif" alt="Project" name="Image3" border="0" onMouseOver="MM_swapImage('Image3','','images/MENU-HOME2_02.gif',1)" onMouseOut="MM_swapImgRestore()"></a><div id="developer" class="menusub1" align="left"><a href="who-we-are.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('whoweare','','images/DEVELOPER-MENU2_01.gif',1)"><img src="http://www.webforumz.com/images/DEVELOPER-MENU1_01.gif" alt="who we are" name="whoweare"  border="0" id="whoweare"></a> <a href="our-projects.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ourproj','','images/DEVELOPER-MENU2_02.gif',1)"><img src="http://www.webforumz.com/images/DEVELOPER-MENU1_02.gif" alt="our projects" name="ourproj"  border="0" id="ourproj"></a> <a href="clients-comments.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('clients','','images/DEVELOPER-MENU2_03.gif',1)"><img src="http://www.webforumz.com/images/DEVELOPER-MENU1_03.gif" alt="clients comments" name="clients"  border="0" id="clients"></a></div><a href="alcazaba-hills-lifestyle.htm" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_03.gif" alt="Alcazaba Hills Lifestyle" name="Image4" border="0" onMouseOver="MM_swapImage('Image4','','images/MENU-HOME2_03.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="location.htm"  onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_04.gif" alt="Alcazaba Hills Club" name="Image5" border="0" onMouseOver="MM_swapImage('Image5','','images/MENU-HOME2_04.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="info.htm" onMouseOver="dropdownmenu(this, event, 'info')" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_05.gif" alt="Info" name="Image6" border="0" onMouseOver="MM_swapImage('Image6','','images/MENU-HOME2_05.gif',1)" onMouseOut="MM_swapImgRestore()"></a><div id="info" class="menusub5" align="left"><a href="price-list.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('pricelist','','images/INFO-MENU2_01.gif',1)"><img src="http://www.webforumz.com/images/INFO-MENU1_01.gif" alt="pricelist" name="pricelist"  border="0" id="pricelist"></a> <a href="qualities.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('qualities','','images/INFO-MENU2_02.gif',1)"><img src="http://www.webforumz.com/images/INFO-MENU1_02.gif" alt="qualities" name="qualities"  border="0" id="qualities"></a><a href="floor-plans.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('floorplans','','images/INFO-MENU2_03.gif',1)"><img src="http://www.webforumz.com/images/INFO-MENU1_03.gif" alt="floor plans" name="floorplans"  border="0" id="floorplans"></a></div><a href="financial-solution-online.htm" onMouseOver="dropdownmenu(this, event, 'financial')" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_06.gif" alt="Financial solution Online" name="Image7" border="0" onMouseOver="MM_swapImage('Image7','','images/MENU-HOME2_06.gif',1)" onMouseOut="MM_swapImgRestore()"></a>
        <div id="financial" class="menusub6" align="left"><a href="currency-converter.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('currency','','images/FINANCIAL-MENU2_01.gif',1)"><img src="http://www.webforumz.com/images/FINANCIAL-MENU1_01.gif" alt="currency" name="currency"  border="0" id="currency"></a><a href="mortgage-calculator.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mortgages','','images/FINANCIAL-MENU2_02.gif',1)"><img src="http://www.webforumz.com/images/FINANCIAL-MENU1_02.gif" alt="mortgages" name="mortgages"  border="0" id="mortgages"></a><a href="consultation.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('consultation','','images/FINANCIAL-MENU2_03.gif',1)"><img src="http://www.webforumz.com/images/FINANCIAL-MENU1_03.gif" alt="online consultation" name="consultation"  border="0" id="consultation"></a></div><a href="news.htm" onMouseOver="dropdownmenu(this, event, 'news')" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/MENU-HOME1_07.gif" alt="News" name="Image8" border="0" onMouseOver="MM_swapImage('Image8','','images/MENU-HOME2_07.gif',1)" onMouseOut="MM_swapImgRestore()"></a>
        <div id="news" class="menusub7" align="right"><a href="resort-news.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('resortnews','','images/NEWS-MENU2_01.gif',1)"><img src="http://www.webforumz.com/images/NEWS-MENU1_01.gif" alt="Resort News" name="resortnews"  border="0" id="resortnews"></a> <a href="local-news.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('localnews','','images/NEWS-MENU2_02.gif',1)"><img src="http://www.webforumz.com/images/NEWS-MENU1_02.gif" alt="local news" name="localnews"  border="0" id="localnews"></a> <a href="faqs.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('faqs','','images/NEWS-MENU2_03.gif',1)"><img src="http://www.webforumz.com/images/NEWS-MENU1_03.gif" alt="faqs" name="faqs"  border="0" id="faqs"></a></div></div></div>
    <div id="maincont">
      <div align="left"><span class="maintxt"><SPAN lang="EN-GB"><br>
      In </SPAN><SPAN lang="EN-GB">Marbella</SPAN><SPAN lang="EN-GB">,   the name Alcazaba has another strong resonance, associated with the city's most   inspirational residential resorts. The story began 30 years ago with the Ler&iacute;a   Group, a family of developers committed to excellence who believed in creating   only the best projects. Their considered design and careful landscaping has   received the highest accolade from the Government of Andaluc&iacute;a, winning the 2007   Architectural Heritage Prize for Urbanisations of Environmental Interest. With   Alcazaba Hills, the legend continues.</SPAN></span><br>
        <br>
        <br>
      </div>
      <div align="center"><a href="free-membership.htm" target="_self" onMouseOver="MM_swapImage('Image42','','images/icons2/freegolf1B.gif',0)" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/icons2/freegolf1.gif" alt="Free Membership" name="Image42" border="0" class="iconmarg"></a><a href="inspection-flights.htm" target="_self" onMouseOver="MM_swapImage('Image43','','images/icons2/inspection1B.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/icons2/inspection1.gif" alt="Inspection Flights" name="Image43" border="0" class="iconmarg"></a><a href="local-weather.htm" target="_self" onMouseOver="MM_swapImage('Image44','','images/icons2/localweather1B.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/icons2/localweather1.gif" alt="Local Weather" name="Image44" border="0" class="iconmarg"></a><a href="virtual-tour.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image45','','images/icons2/tour1B.gif',1)"><img src="http://www.webforumz.com/images/icons2/tour1.gif" alt="Downloads" name="Image45" width="116" height="35" border="0" class="iconmarg"></a><a href="alcazaba-live.htm" target="_self" onMouseOver="MM_swapImage('Image46','','images/icons2/live1B.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/icons2/live1.gif" alt="Alcazaba Live" name="Image46" border="0" class="iconmarg"></a><a href="contact.htm" target="_self" onMouseOver="MM_swapImage('Image47','','images/icons2/contact1B.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.webforumz.com/images/icons2/contact1.gif" alt="Contact Us" name="Image47" border="0"></a><br>
                  <br>
      </div><br>
    </div>
</div>
</body>
</html>
Last edited by moojoo; May 8th, 2008 at 14:48. Reason: Added CSS/HTML to [code] tags.
dreamabstract is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 8th, 2008, 19:07   #2 (permalink)
Junior Member
 
Join Date: Feb 2008
Location: Michigan
Posts: 23
Re: Positioning problems with horizontal drop down menu
(Link doesn't work)
awatson is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 9th, 2008, 14:26   #3 (permalink)
New Member
 
Join Date: Apr 2008
Location: London
Posts: 3
Re: Positioning problems with horizontal drop down menu
here you go

http://www.europadesigns.co.uk/alcaz.../index-css.htm
dreamabstract is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 14th, 2008, 04:31   #4 (permalink)
Junior Member
 
Join Date: Apr 2008
Location: New Zealand
Age: 14
Posts: 10
Re: Positioning problems with horizontal drop down menu
Instead of a new post you should have edited your post =-\
fr33sty13 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

« de-bugging help please | CSS not ok with Firefox / Safari »
Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Horizontal Menu Bar - IE Problems!! swillicott CSS Forum 47 Jul 23rd, 2007 21:42
horizontal CSS menu appearance problems mitcho CSS Forum 1 Oct 15th, 2006 21:11
Making A CSS horizontal, drop down menu Powderhound CSS Forum 15 Aug 22nd, 2006 10:42
CSS Horizontal drop-down menu ??? j4mes_bond25 CSS Forum 2 Apr 6th, 2006 16:10
horizontal drop-down menu da_stimulator JavaScript Forum 2 Nov 4th, 2004 11:16



Latest Updates

All Points SEO Security Advisory - CHECK YOUR SITE NOW!

Creative Coding :: February 2008
Webforumz is sponsored by: WESH UK Web Hosting
All times are GMT. The time now is 18:14.

Sleep Study Scoring :: Free Bet :: Website Templates :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Midwife Forums :: Football Betting :: Ecommerce Software :: Web Hosting :: Football Stats :: Dry Cleaning Collection :: xtreme wales - extreme clothing :: Apuestas :: Sharepoint Consultants :: Website Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Web Design Development India :: Online Gambling

Powered by: vBulletin Version 3.7, Copyright ©2000 - 2008, Jelsoft Enterprises Limited.
© 2003-2008 Webforumz.com : All Rights Reserved
Search Engine Friendly URLs by vBSEO 3.2.0 RC6


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59