|
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 [currently broken]
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í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í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 Aso; May 18th, 2008 at 14:40.
Reason: Added CSS/HTML to [code] tags. Updated user submitted link
|