Codenstuff.com

Posted: **Sun Aug 18, 2013 9:13 pm**

ASSLAM-O-ALAIKUM

Hello guys,
I Download Adobe Dreamweaver CS5.5 and start using it. I watch a tutorial on Youtube That How to make a Drop Down Menu in Dreamweaver OF CSS. I like because CSS loads Faster. So I create one too after watching that. And It's Looking Good. But In that tutorial he only shows how to make it. He Didn't Show how to change it's position Now it is on the top I want that it should come down after the header. and other thing that i want a little bit round edges of that Drop Down menu.
Can you Guys help! ?
Screen Shot Of the Drop Down Menu bar
I Want that It should come down and a little bit curved (round) edges

Link of the video tutorial that i watched:-
That Tutorial Have 2 parts!
Part 1 Link = http://www.youtube.com/watch?v=iCE2Js3KPRA
Part 2 Link = http://www.youtube.com/watch?v=mADc7tJxlaQ

Sharing the links of the tutorials because you guys can understand that which coding he do ...

Thanks!
cryer;

Posted: **Sun Aug 18, 2013 9:58 pm**

Source code maybe?

Posted: **Sun Aug 18, 2013 10:03 pm**

Source Code of the page that i have shown you guys in Screen Shot
Is

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body,td,th {
	color: #000;
}
body {
	background-color: #000;
}
</style>
<link href="myMenuCss.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="menu">

<ul>
<li><a href="#">Home </a>
<ul>
<li><a href="#">Link 1.1</a></li>
<li><a href="#">Link 1.2</a></li>
<li><a href="#">Link 1.3</a></li>
<li><a href="#">Link 1.4</a></li>


</ul><!-- closure of inner Ul tag-->
</li><!-- Closing of the main li tag-->
</ul><!-- end of main ul tag-->

<ul>
<li><a href="#">Contact</a>
<ul>
<li><a href="#">Link 2.1</a></li>
<li><a href="#">Link 2.2</a></li>
<li><a href="#">Link 2.3</a></li>
<li><a href="#">Link 2.4</a></li>


</ul><!-- closure of inner Ul tag-->
</li><!-- Closing of the main li tag-->
</ul><!-- end of main ul tag-->

<ul>
<li><a href="#">About</a>
<ul>
<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>
<li><a href="#">Link 3.3</a></li>
<li><a href="#">Link 3.4</a></li>


</ul><!-- closure of inner Ul tag-->
</li><!-- Closing of the main li tag-->
</ul><!-- end of main ul tag-->

<ul>
<li><a href="#">Home </a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>


</ul><!-- closure of inner Ul tag-->
</li><!-- Closing of the main li tag-->
</ul><!-- end of main ul tag-->


</div><!-- end of main menu div-->
</body>
</html>

Well I don't Think that the upper code will help you, may be you need that CSS RULE Code?
Here it is

Code: Select all

#menu {
	padding: 0px;
	width: 608px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	background-color: #000;
	float: left;
	border: 1px solid #ccc;
	position: relative;
	list-style-type: none;
}
#menu ul li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 30px;
	width: 150px;
}
#menu ul ul {
	position: absolute;
	visibility: hidden;
	top: 31px;
}
#menu ul li ul li a:hover {
	background-color: #000;
}
#menu ul li a:hover {
	color: #0F0;
}
#menu ul li:hover ul {
	visibility: visible;
}
#menu ul li:hover {
	background-color: #000000;
}

Codenstuff.com

Need help! (DREAMWEAVER)

Need help! (DREAMWEAVER)

Re: Need help! (DREAMWEAVER)

Re: Need help! (DREAMWEAVER)