472,101 Members | 1,642 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,101 software developers and data experts.

Css Menu

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
1 1344
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.

Similar topics

2 posts views Thread by Jackson Yap | last post: by
8 posts views Thread by Dennis C. Drumm | last post: by
1 post views Thread by Anthony | last post: by
4 posts views Thread by TycoonUK | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.