Need help! (DREAMWEAVER)

3 posts Page 1 of 1
Contributors
User avatar
Master M1nd
Top Poster
Top Poster
Posts: 82
Joined: Thu Aug 15, 2013 7:51 pm

Need help! (DREAMWEAVER)
Master M1nd
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
Image



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;
Filip
Coding Guru
Coding Guru
Posts: 833
Joined: Wed Jan 05, 2011 3:59 pm

Re: Need help! (DREAMWEAVER)
Filip
Source code maybe?
CodenStuff wrote:
Nope, it's just your sick and dirty mind. You sick twisted warped little pervo :D
User avatar
Master M1nd
Top Poster
Top Poster
Posts: 82
Joined: Thu Aug 15, 2013 7:51 pm

Re: Need help! (DREAMWEAVER)
Master M1nd
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;
}
3 posts Page 1 of 1
Return to “Help & Support”