By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,732 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Css Menu

P: n/a
Hi Group I'm new fairly to CSS and I'm having some difficulties in
trying to position a CSS drop down menu
At the moment the menu shows vertically dow the side of the page, but
what I would like to do is make it run across the top.
here's the code in the .css file
ul li {
position: relative;
}
li ul {
position: absolute;
display: none;
left: 149px;
top: 0px;

}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
left: 150px;
top: 0px;

}

li:hover ul, li.over ul {
display: block; }

I've tried changing some of the attributes but no joy
any suggestions?
Thanx in advance
Jul 21 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On 22 Apr 2005 18:47:00 -0700, Royse <ad******@tiscali.co.uk> wrote:
Hi Group I'm new fairly to CSS and I'm having some difficulties in
trying to position a CSS drop down menu
At the moment the menu shows vertically dow the side of the page, but
what I would like to do is make it run across the top.
See
<http://home.wanadoo.nl/b.de.zoete/_test/voorbeeld_horizontaal-menu.html>
for the main topics for creating a horizontally positioned menu.
My site has that menu put at the top of each page, so you can check what
the css is there.
here's the code in the .css file


That doesn't really do any good, does it, as it is precisely not what you
want. Why put it in here? Besides that, it is better to give a URL to a
page that has this example up and running.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.