Well I've got a problem with a drop down menu at
silverhouseproperty.com caused by me when I did an edit to a CSS file because long story short there was a mix up between a current stylesheet and a backup.
Anyway I want the items in the drop down list to line up with each other and for each list item on the drop down list under "Services" and "Other Info" to clear onto a new line, as currently they seem to run into each other.
Though I have a fairly good knowledge of (X)HTML/CSS I don't have much experience with implementing list item menus.
I'm hoping I can get this fixed fairly soon, though I'd be much obliged if someone could help me out with this by offering advice or a fix?
Here is the CSS
Code:
#horizontal, #horizontal ul {
padding: 0;
margin: 0;
list-style: none;
}
/* background: #274A74;
*/
#horizontal a {
font-size: 12px;
line-height: 22px;
color: #FFF;
text-decoration: none;
display: block;
background: #274A74;
}
#horizontal a:hover {
display: block;
background: #6792B4;
}
#horizontal li {
float: left;
}
#horizontal li ul {
position: absolute;
left: -999em;
}
#horizontal li:hover ul {
left: auto;
}
#horizontal li:hover ul, #horizontal li.sfhover ul {
left: auto;
}
.shadowOrange {
display: block;
height: 20px;
background: url('../images/layout/general/shadow_orange.gif') repeat-x;
}
#horizontal .selected a {
background: #6792B4;
}
#horizontal .index {
width: 53px;
text-align: center;
}
#horizontal .aboutus {
width: 74px;
text-align: center;
}
#horizontal .downloads {
width: 87px;
text-align: center;
}
#horizontal .news {
width: 54px;
text-align: center;
}
#horizontal .links {
width: 51px;
text-align: center;
}
#horizontal .register {
width: 71px;
text-align: center;
}
#horizontal .investment {
width: 90px;
text-align: center;
}
#horizontal .contact {
width: 88px;
text-align: center;
}
#horizontal .services {
width:116px;
text-align: center;
}
#horizontal .other-info {
width: 116px;
text-align:center;
And here is the HTML
Code:
<ul id="horizontal" class="large">
<li class="index"><a href="index.php">Home</a></li><li class="aboutus"><a href="aboutus.php">About us</a></li><li class="downloads"><a href="downloads.php">Downloads</a></li><li class="news"><a href="news.php">News</a></li><li class="links"><a href="links.php">Links</a></li><li class="register"><a href="register.php">Register</a></li><li class="investment"><a href="investment.php">Investment</a></li><li class="contact"><a href="contact.php">Contact Us</a></li><li class="services"><a href="#.php">Services</a><ul><li><a href="serviceone.php">Country Research</a></li><li><a href="financing.php">Financing A Purchase</a></li><li><a href="lettingsmanagement.php">Lettings & Management</a></li><li><a href="duediligence.php">Due Diligence</a></li><li><a href="purchaseprocess.php">Purchase Process</a></li><li><a href="viewingtrips.php">Viewing Trips</a></li><li><a href="service.php">Legal Services</a></li></ul></li><li class="other-info"><a href="#.php">Other Info</a><ul><li><a href="investingabroad.php">Investing Abroad</a></li><li><a href="privacypolicy.php">Privacy Policy</a></li><li><a href="tscs.php">Terms and Conditions</a></li></ul></li> </ul>
.
If you want to view the source of the site, the parent ul for the menu starts from line 115 I think.
Many thanks in advance!
