473,224 Members | 1,597 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Drop down roll over menu is dreamweaver

I am working on my website, and I am trying to make it so my menu bar is similar to the one on this website. I was told it requires css, but I am not sure how that works.

Can some provide me with a start, either code, or a very good tutorial website.

Thank you.
Sep 8 '07 #1
3 10311
drhowarddrfine
7,435 Expert 4TB
W3Schools .
Sep 8 '07 #2
here is some code that might be useful for you to build a horizontal navigation as the one this site using HTML/CSS:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Navigation Example</title>
<style type="text/css">
#nav_cont{
border: 1px solid #000000;
overflow: auto;
background-color: #990000;
text-align: center;
}

#nav_cont ul{
width: 100%;
padding-left: 10px;
margin-left: 0px;
margin: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
background-color: #990000;
text-align: center;
}


#nav_cont li{
float: left;
}

#nav_cont ul a{
display: block;
width: 160px;
padding: 5px;
background-color: #990000;
color: #CCCCCC;
text-decoration: none;
border-bottom: 5px solid #990000;}

#nav_cont ul a:hover{
background-color: #FF0000;
color: #FFFFFF;
text-decoration: none;
border-bottom: 5px solid #FFFFFF;}

</style>
</head>
<body>

<div id="nav_cont">
<ul id="nav_list">
<!-- here you'll have to change the title, the text to be displayed and add the links -->
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="About us">About us</a></li>

<li><a href="#" title="Buying">Buying properties</a></li>
<li><a href="#" title="Selling">Selling properties</a></li>
<li><a href="#" title="Services">Our Services</a></li>
</ul>
</div>
</body>
</html>
[/html]
enjoy!
Sep 9 '07 #3
Hi, im new to using dreamweaver but just wondered whether this process for horizontal drop downs work for vertical drop down menus aswell, if not how do they work?
Mar 10 '08 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

1
by: Smriti Dev | last post by:
Hi, I have a drop down menu with a listing of communities and I use it to select a community, selecting a letter ie. "T" , I get bumped to the "T" section to choose communities that start with...
4
by: laredotornado | last post by:
Hello, I am looking for some recommendations for JS/HTML code that will allow me to generate drop down menus, sort of like the ones here http://travelocity.com/ where you can see the drop down...
3
by: Andrew | last post by:
Hello, friends, I was asked to implement a .aspx page with drop down menus. When a mouse pointer moves over a menu bar, a drop down list containing sub-menus will show up. Thus a user may select...
4
by: cathy | last post by:
Hi All, I am having problems displaying content relevant to the option selected in a drop-down menu. I have an xml document which is running content through Flash and I need to have the same...
2
by: laredotornado | last post by:
Hi, I want to create roll-over drop down menus on my site using HTML/JS. The menu will appear a fixed amount from the top, but a relative amount to the right of another element. I have found...
4
by: TycoonUK | last post by:
Hi, As I do not have IE7 on my computer, I was wondering if there is a fault in my CSS Menu when using IE7. Please can someone look at my site - http://www.worldofmonopoly.co.uk and tell me...
0
by: Czechfish | last post by:
My files are located here: HTML & SWF FLA I am trying to create a multi-tier drop down menu, but I can't get it to work. Maintime line, frame 1 - loads a mc. When you rollover the mc, this...
4
by: cctxman1942 | last post by:
Here is what I have done: Created a page with a drop down menu listing names of builders retrieved from a mysql database containing contact info for client builders. What I need to do, and so far...
3
by: nyalugwe | last post by:
Hello, I am not at all experienced in Javascript so please bear with me. I'm trying to create a drop-down menu that will work in IE, and trying to use some Javascript code that I got from here. ...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

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.