Need help placing my drop down menu from flash into Dreamweaver
I had this working once. I am ping one you smart ones can help me out wuth this. WHat am I doing wrong?
I have not used any CSS to code my website, have purely used tables in a html template.
Sorry to say, but you can't make drop-down menus without CSS code. Which begs the broader question, why are you afraid of learning CSS? It's much more efficient than tables and you can do so much more creative stuff with it.
Pure CSS Drop-Menus (with CSS gradients and transitions)
http://jsfiddle.net/NancyO/zN7fU/
Nancy O.
Similar Messages
-
Need help with a drop down menu from flash to Dreamweaver.
I had this working once. I am ping one you smart ones can help me out wuth this. WHat am I doing wrong?
Can you please give us a little more informationm about how it isn't working?
-
I need help changing a drop down menu on a template
Hi there
ive been using dreamwearver on and of for a few years now and just about get by, ive just bought a web site template and although ive managed to ajust most things,
the template had a drop down menu using CSS currently on the "about us" option a sub menu drops down, ive worked out how to add to this menu and change the words
but what i cant do is have this same drop down menu on another part or the menu system for example i would like another drop down menu on the "our menu" part
any help would be much appreciated
below is the source code
ive got some js codes to but im not sure if the menu system uses them
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/ui.totop.css" type="text/css" media="screen">
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.hoverIntent.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_b annercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
<!--=========================================header======================================= ======-->
<header>
<div class="bg-1">
<div class="main">
<div class="container_24">
<div class="wrapper">
<article class="grid_24">
<h1><a href="index.html">Alexander</a></h1>
</article>
</div>
<article class="grid_24">
<nav>
<ul class="menu">
<li><a class="active" href="index.html">home<span></span></a></li>
<li><a href="menu.html">our menu<span></span></a></li>
<li><a href="about us.html">about us<span></span></a>
<ul>
<li><a href="#">history</a></li>
<li><a href="#">gallery</a>
<li><a href="#">weddings</a></li>
</ul>
</li>
<li><a href="reservation.html">Reservation<span></span></a></li>
<li><a href="contact us.html">contacts<span></span></a></li>
</ul>
<div class="clear"></div>
</nav>
<div class="clear"></div>
<div class="wrapper">
<div class="col-1 bg-2">
<div>
<h3>WELCOME TO<span>BALOOS</span></h3>
</div>
<div>
<div class="color-1">
<p>Situated in Henfield, Baloos is the creation of chef and restaurateur Chris and Amanda. Chris’ passion for food using the freshest, local and seasonal produce combined with Amanda’s friendly front-of-house charm and personal touch to make Baloos the perfect spot for lunch or evening meal. </p>
</div>
<a href="#" class="button-1"><span>read more</span></a>
</div>
</div>
<div class="col-2">
<div class="slider_bg">
<div class="slider">
<ul class="items">
<li><img src="images/slider_1.jpg" alt=""></li>
<li><img src="images/slider_2.jpg" alt=""></li>
<li><img src="images/slider_3.jpg" alt=""></li>
<li><img src="images/slider_4.jpg" alt=""></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<div class="clear"></div>
</div>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content">
<div class="bg-3">
<div class="bg-4">
<div class="main">
<div class="container_24">
<div class="wrapper">
<article class="grid_24">
<div class="wrapper border-1 margin-bot3">
<article class="grid_6 suffix_2 alpha">
<h4 class="indent-top margin-bot1">restaurant hours</h4>
<div class="color-3 lh-1 border-2">
<strong class="title-3 d-block margin-bot2">Bar </strong>
11:30-8:30 Sunday-Thursday<br>
11:30-9:00 Friday and Saturday
</div>
<div class="color-3 lh-1 border-2">
<strong class="title-3 d-block margin-bot2">Lunch</strong>
Tue.-Sat. 12:00-2pm<br>
No Lunch on Sunday
</div>
<div class="color-3 lh-1">
<strong class="title-3 d-block margin-bot2">Dinner</strong>
Tuesday-Saturday 6:00- 9:30<br>
Sunday 12:30-4pm
</div>
</article>
<article class="grid_16 omega indent-top1">
<div class="wrapper">
<figure class="img-indent-l">
<img src="images/page1_img1.jpg" alt="">
</figure>
<div class="extra-wrap">
<div class="title-1"> Welcome!</div>
<div class="color-4 lh"><span class="color-3">Moleacene anrit ma hasese rayuaumso natoqu eagnis</span><br>
dist mte dulmuese feugiata lesua kery ecencies phaledaty
fenanec sit amm easer ermeolor dapegetele mentum.
Baelursus eleifneanctor wisi et urna. Aliquam eravolutpatis
turpisntey yoleacene anritserauas ty miwert betyudes.</div>
<div class="title-2">chef</div>
<figure class="sign">
<img src="images/page1_img2.png" alt="">
</figure>
</div>
</div>
</article>
</div>
<div class="wrapper border-1 indent-top">
<article class="grid_7 suffix_1 alpha">
<h4 class="margin-bot4">about BALOOS</h4>
<strong class="color-3 size-1 reg">Moleacene anrit maha deyuas</strong>
<div class="margin-bot">Cum socis natoqu eagn dist mte dulm uese feugiata lesu kery lecenas stricies phaledatyfec sim easer erment.</div>
<a href="#" class="button-2"><span>read more</span></a>
</article>
<article class="grid_16 omega">
<h4 class="margin-bot"> OUR RECOMENDED dishes of the MONTH</h4>
<div class="wrapper margin-bot3">
<article class="grid_8 alpha">
<div class="wrapper">
<figure class="img-indent-2">
<img src="images/page1_img3.jpg" alt="">
</figure>
<div class="extra-wrap indent-top2">
<a href="#" class="color-6 link2">Grilled Fish</a><br>
kery lecenas stricies phaledatyfenanec sit amm easer erment. Ut ts dolor dapege telementum.
</div>
</div>
</article>
<article class="grid_8 omega">
<div class="wrapper">
<figure class="img-indent-2">
<img src="images/page1_img4.jpg" alt="">
</figure>
<div class="extra-wrap indent-top2">
<a href="#" class="color-6 link2">Chicken Quesadilla</a><br>
lesuada kercenas stricies phatyfenanec sit amm easer rment. Ut ts dolor dapege telementum.
</div>
</div>
</article>
</div>
<a href="#" class="button-3"><span>view all recipes</span></a>
</article>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==============================footer================================-->
<footer>
<div class="main">
<div class="container_24">
<div class="wrapper indent-bottom">
<article class="grid_14">
<nav>
<ul class="menu2">
<li><a class="active" href="index.html">home</a></li>
<li><a href="menu.html">our menu</a></li>
<li><a href="about us.html">about us</a></li>
<li><a href="reservation.html">Reservation</a></li>
<li><a href="contact us.html">contacts</a></li>
</ul>
</nav>
</article>
<article class="grid_10">
<div class="indent-top3">
<div class="border-3 prefix_1">
<div class="title-4">Find Us On Social Network:</div>
<p class="p0 size-2 color-7">Bayarsety kertya aset aplicaboes kerasaer </p>
<ul class="soc_list">
<li><a href="#"><img src="images/soc_1.png" alt=""></a></li>
<li><a href="#"><img src="images/soc_2.png" alt=""></a></li>
<li><a href="#"><img src="images/soc_3.png" alt=""></a></li>
<li><a href="#"><img src="images/soc_4.png" alt=""></a></li>
<li><a href="#"><img src="images/soc_5.png" alt=""></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="wrapper border-4">
<article class="grid_24 aligncenter down">
BALOOS © 2013 • <a href="Privacy.html" class="link2">Privacy policy</a> •
<span class="d-block"><!--{%FOOTER_LINK} --></span>
</article>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function(){
$('.slider')._TMS({
duration:800,
preset:'simpleFade',
pagination:true,//'.pagination',true,'<ul></ul>'
pagNums:false,
slideshow:7000,
</script>
</body>
</html>
HERE IS THE CCS CODE
@import url(http://fonts.googleapis.com/css?family=Amethysta);
@import url(http://fonts.googleapis.com/css?family=Mr+De+Haviland);
@import url(http://fonts.googleapis.com/css?family=Mr+Dafoe);
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* Global properties ======================================================== */
html {width:100%;}
html, body {height:100%;}
body {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
min-width:960px;
background:#efefef;
font-size:14px;
line-height:22px;
.main {
width:960px;
padding:0;
margin:0 auto;
position:relative;
a {color:#666666; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.link {text-decoration:underline;}
.link2:hover {text-decoration:underline;}
.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
p {margin-bottom:22px;}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:0;}
.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.img-indent-l {float:left; margin:0px 39px 0px 0px;}
.img-indent-2 {float:left; margin:0px 32px 0px 0px;}
.img-indent-3 {float:left; margin:6px 32px 0px 0px;}
/*********************************boxes**********************************/
.indent {padding:0;}
.indent-left {padding-left:0;}
.indent-bottom {padding-bottom:25px;}
.indent-right {padding-right:0;}
.indent-top {padding-top:39px;}
.indent-top1 {padding-top:37px;}
.indent-top2 {padding-top:6px;}
.indent-top3 {padding-top:29px;}
.indent-top4 {padding-top:40px;}
.indent-top5 {padding-top:8px;}
.margin-top { margin-top:0;}
.margin-bot {margin-bottom:33px;}
.margin-bot1 {margin-bottom:26px;}
.margin-bot2 {margin-bottom:9px;}
.margin-bot3 {margin-bottom:29px;}
.margin-bot4 {margin-bottom:23px;}
.margin-bot5 {margin-bottom:19px;}
.margin-bot6 {margin-bottom:11px;}
.margin-bot7 {margin-bottom:42px;}
.margin-left {margin-left:0;}
.margin-right {margin-right:20px;}
.margin-right1 {margin-right:30px;}
/*********************************header*************************************/
header {
width:100%;
background:url(../images/header.jpg) center top no-repeat #282829;
h1 {
padding:32px 0 23px 299px;
h1 a {
display:block;
text-indent:-9999px;
background:url(../images/logo.png) no-repeat 0 0;
width:316px;
height:86px;
/***** menu *****/
header nav {
float:left;
background:url(../images/menu_r.png) right 38px no-repeat;
width:100%;
.menu {
float:left;
padding:9px 0 8px 84px;
position:relative;
z-index:20;
font-family: 'Amethysta', serif;
background:url(../images/menu_l.png) left 38px no-repeat;
.menu li {
float:left;
position:relative;
background:url(../images/menu2.png) left top no-repeat;
padding:27px 45px 24px 42px;
.menu li:first-child {
background:none;
padding-left:0;
.menu li a {
display:block;
font-size:16px;
line-height:20px;
color:#dbdada;
text-transform:uppercase;
z-index:20;
.menu li a span {
display:block;
width:18px;
height:9px;
background:url(../images/sub.png) left top no-repeat;
position:absolute;
top:-999px;
left:50%;
margin-left:-9px;
.menu li:first-child a span {
margin-left:-33px;
.menu li.sfHover {
position:relative;
z-index:10;
.menu li a.active span,
.menu > li > a:hover span,
.menu > li.sfHover > a span {
top:-9px;
.menu ul {
z-index:20;
letter-spacing:normal;
position: absolute;
top: -9999em;
width: 100px;
background:url(../images/menu4.gif) left top repeat;
border: none;
box-shadow:5px 5px 5px rgba(0,0,0, .26);
padding:6px 20px 10px;
.menu ul ul {
background-image:url(../images/menu5.gif);
.menu ul li {width: 100%;}
.menu li:hover {visibility: inherit; }
.menu li li {
margin:0;
border:none;
padding:9px 0 6px 0;
background:url(../images/menu6.png) left top repeat-x;
.menu li li li {
background-image:url(../images/menu7.png);
.menu li li:first-child {
background:none;
.menu li li a {
background:none;
display: block;
padding: 0 0 0 6px;
font-size: 14px;
line-height: 17px;
color: #fff;
.menu li li > a:hover,
.menu li li.sfHover > a {
color:#b16167;
.menu li:hover ul, .menu li.sfHover ul {
left: 22px;
top: 79px;
z-index: 999;
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
top: -999em;
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
left: 100px;
top: -6px;
z-index: 99;
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
top: -999em;
/*********************************content*************************************/
#content {
width:100%;
background:url(../images/bg-1.jpg) center -464px no-repeat #020202;
padding:0;
#page1 #content {
margin-top:-194px;
.col-1 {
float:left;
width:360px;
.col-2 {
float:left;
width:590px;
.col-3 {
float:left;
width:300px;
.col-4 {
float:left;
width:280px;
.sign {
text-align:right;
padding:10px 40px 0 0;
.letter {
text-align:center;
font-family: 'Mr Dafoe', cursive;
font-size:70px;
line-height:84px;
color:#cbcbcb;
float:left;
width:60px;
margin-right:15px;
/******************* slider *************/
.slider_bg {
background:url(../images/slider_bg.jpg) left top no-repeat;
overflow:hidden;
width:590px;
height:429px;
overflow:hidden;
.slider {
width:534px;
height:429px;
position:relative;
background:url(../images/preloader.png) center center no-repeat;
.pagination {
position:absolute;
right:-37px;
top:21px;
overflow:hidden;
z-index:999;
.pagination li {
margin-top:3px
.pagination li:first-child {
margin-top:0;
.pagination li a {
display:block;
width:15px;
height:15px;
background:url(../images/pag_nav.png) left bottom no-repeat;
.pagination li a:hover,
.pagination .current a {
background-position:left top;
.pagination .current a {
cursor:default;
.items {display:none;}
/******************* slideshow *************/
#slideshow {
width:620px;
height:705px;
overflow:hidden;
background:none !important;
#slideshow>div {
width:620px;
height:705px;
background:none !important;
#prev {
float:left;
#next {
float:left;
#nav {
overflow:hidden;
padding:0px 15px 0;
float:right;
#nav li {
float:left;
font-size:13px;
line-height:16px;
text-align:center;
margin-left:1px;
display:block !important;
#nav li:first-child {
margin-left:0;
#nav li a {
color:#666666;
display:block;
width:14px;
height:16px;
overflow:hidden;
#nav .activeSlide a,
#nav li a:hover {
color:#fff;
.nav_wrap {
overflow:hidden;
position:absolute;
width:200px;
height:30px;
right:97px;
top:-33px;
#next,
#prev {
text-indent:-9999px;
float:right;
overflow:hidden;
display:block;
width:10px;
height:18px;
#next {
background:url(../images/next.png) left top no-repeat;
#prev {
background:url(../images/prev.png) left top no-repeat;
#next:hover ,
#prev:hover {
background-position:right top;
/*********************************bg's*************************************/
.bg-1 {
background:url(../images/light.png) center top no-repeat;
.bg-2 {
background:url(../images/bg-2.jpg) left top no-repeat;
height:429px;
overflow:hidden;
text-align:center;
.bg-2>div {
padding:80px 15px 0 0;
.bg-2>div+div {
font-size:13px;
line-height:20px;
padding:27px 45px 0 50px;
.bg-3 {
background:url(../images/bg-4.png) left top repeat-x;
.bg-4 {
background:url(../images/bg-5.png) left bottom repeat-x;
padding:70px 0 35px;
#page1 .bg-4 {
padding:225px 0 35px;
.bg-5 {
background:url(../images/bg-7.png) center top no-repeat;
.bg-6 {
background:url(../images/bg-8.gif) center top repeat-x;
.border-1 {
background:url(../images/border-1.png) left top repeat-x;
.border-2 {
border-bottom:1px dotted #313131;
padding:0 0 18px;
margin:0 0 15px;
#page3 .border-2 {
padding:0 0 23px;
margin:0 0 14px;
#page4 .border-2 {
padding:0 0 35px;
margin:0 0 37px;
.border-3 {
background:url(../images/border-2.png) left top repeat-y;
padding:5px 0 4px;
.border-4 {
background:url(../images/border-3.png) left top repeat-x;
/*********************************buttons*************************************/
.button-1 {
display:inline-block;
font-size:18px;
line-height:22px;
color:#f9dfdf;
font-family: 'Amethysta', serif;
text-transform:uppercase;
background:url(../images/button1_l.png) left 5px no-repeat;
padding:0 0 0 23px;
.button-1 span {
display:block;
background:url(../images/button1_r.png) right 5px no-repeat;
padding:0 29px 0 4px;
.button-1:hover {
color:#1d1d1d;
.button-2 {
display:inline-block;
text-transform:uppercase;
font-family: 'Amethysta', serif;
font-size:14px;
line-height:17px;
color:#fff;
background:url(../images/button-2.gif) left bottom repeat-x;
height:41px;
overflow:hidden;
border:1px solid #343434;
.button-2 span {
display:block;
padding:13px 16px 11px 14px;
.button-2:hover {
background-position:left top;
.button-3 {
text-align:right;
text-transform:uppercase;
display:block;
background:url(../images/button-2.gif) left bottom repeat-x;
height:41px;
border:1px solid #323232;
font-size:16px;
line-height:20px;
color:#bfbfbf;
font-family: 'Amethysta', serif;
.button-3:hover {
background-position:left top;
.button-3 span {
background:url(../images/marker-1.png) left 11px no-repeat;
display:inline-block;
padding:11px 19px 0 18px;
/*********************************lists*************************************/
.dl-1 dt {
color:#fff;
.dl-1 dd {
overflow:hidden;
.dl-1 dd span {
display:block;
float:left;
width:100px;
.soc_list {
overflow:hidden;
padding:19px 0 0;
.soc_list li {
float:left;
margin-left:10px;
.soc_list li:first-child {
margin-left:0;
.soc_list li a {
display:block;
width:32px;
height:32px;
.ul-1 li {
font-size:14px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
.ul-1 li a {
color:#b7b7b7;
.ul-1 li a:hover {
color:#fff;
/*********************************fonts*************************************/
h3 {
font-size:28px;
line-height:34px;
color:#fbecec;
font-family: 'Amethysta', serif;
font-weight:normal;
text-transform:uppercase;
background:url(../images/bg-3.png) left bottom no-repeat;
padding:0 0 33px 0;
h3 span {
display:block;
margin-top:-5px;
color:#f7d3d3;
h4 {
font-size:16px;
line-height:20px;
color:#dbdada;
font-family:'Amethysta', serif;
font-weight:normal;
text-transform:uppercase;
.title-1 {
color:#a0a0a0;
font-family:'Mr De Haviland', cursive;
font-size:72px;
line-height:87px;
margin:-8px 0 15px 0;
padding-left:5px;
.title-2 {
text-align:right;
padding:12px 90px 0 0;
color:#dddcdc;
font-family:'Amethysta', serif;
font-size:18px;
line-height:22px;
text-transform:uppercase;
.title-3 {
font-size:13px;
line-height:18px;
color:#fff;
.title-4 {
color:#464646;
font-family:'Amethysta', serif;
font-size:18px;
line-height:22px;
text-transform:uppercase;
margin-bottom:3px;
.lh {
line-height:23px;
.lh-1 {
line-height:20px;
.size-1 {
font-size:13px;
display:block;
.size-2 {
font-size:11px;
line-height:14px;
.color-1 {color:#e4d0d1;}
.color-2 {color:#dcb0b1;}
.color-3 {color:#b7b7b7;}
.color-4 {color:#7e7e7e;}
.color-5 {color:#b2b2b2;}
.color-6 {color:#fff;}
.color-7 {color:#919191;}
/******* form's ********/
/***** contact form *****/
#form1 fieldset {
border:none;
padding:0;
#form1 label {
display:block;
min-height:57px;
#form1 label.message {
height:232px;
.inp {
display:block;
width:320px;
height:40px;
padding:0 14px;
background:url(../images/inp-1.png) left top repeat;
overflow:hidden;
position:relative;
border:1px solid #343434
#form1 input {
width:320px;
padding:12px 0 12px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:16px;
color:#666;
border:none;
background:none;
outline:none;
#form1 .area .error { float:none;}
.text_a {
position:relative;
overflow:hidden;
display:block;
width:478px;
height:230px;
padding:0 14px;
background:url(../images/inp-1.png) left top repeat;
border:1px solid #343434
#form1 textarea {
height:216px;
margin:0;
width:478px;
padding:12px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
border:none;
background:none;
overflow:auto;
outline:none;
resize:none;
#form1 a {cursor:pointer;}
#form1 .success {display:none; margin-bottom:10px;}
#form1 .error,
#form1 .empty {
color:#f00;
font-size:11px;
line-height:18px;
display:none;
overflow:hidden;
#form1 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}
#form1 .buttons-wrapper a { margin-left:30px;}
#form2 fieldset {
border:none;
padding:0;
#form2 label {
display:block;
min-height:57px;
#form2 label.message {
height:232px;
.inp2 {
display:block;
width:318px;
height:40px;
padding:0 14px;
background:url(../images/inp-1.png) left top repeat;
overflow:hidden;
position:relative;
border:1px solid #343434
#form2 input {
width:318px;
padding:12px 0 12px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:16px;
color:#666;
border:none;
background:none;
outline:none;
#form2 .area .error { float:none;}
.text_a2 {
position:relative;
overflow:hidden;
display:block;
width:318px;
height:230px;
padding:0 14px;
background:url(../images/inp-1.png) left top repeat;
border:1px solid #343434
#form2 textarea {
height:206px;
margin:0;
width:318px;
padding:12px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
border:none;
background:none;
overflow:auto;
outline:none;
resize:none;
#form2 a {cursor:pointer;}
#form2 .success {display:none; margin-bottom:10px;}
#form2 .error,
#form2 .empty {
color:#f00;
font-size:11px;
line-height:18px;
display:none;
overflow:hidden;
#form2 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}
#form2 .buttons-wrapper a { margin-left:30px;}
.map {
width:350px;
height:365px;
margin:0 0 26px;
/*******Hi -
While I am not familiar with the use of all the span tags I see,
You said "currently on the "about us" option a sub menu drops down, ive worked out how to add to this menu and change the words"
What is the problem doing the same thing under the other top level item? -
Need help formatting Spry drop down menu
FYI, I'm using CS3 on a Mac.
I'm working on a full CSS layout of a page in a site. OK, not
full CSS, I have a table controlling the text in the main content
area. I need a drop down menu for this page, so I inserted a spry
menu bar for the page navigation. *phew*! The learning curve on
that is killing me! :) Just trying to get the menu items spread out
("full justify") has take me forever. I'm still having some major
issues.
Can someone tell me which styles to adjust to fix the things
below? I think I have fixed most of it, but can't figure out these
items:
1. I want the sub menu items to have normal font weight (but
the main menu items should remain "bold"
2. I want the sub menu items' background to extend at least
past the end of the item. With some of the longer items, the
background is cut off.
3. I want the border back around the sub menu items. It was
there originally, but I some how removed it and can't get it back.
I don't want a border around the main menu items.
4.
Most importantly! The sub menu items don't line up
vertically in IE on my PC. They fall into several horizontal rows
that run off the side of the page - almost impossible to use!
5. Oh, and I almost forgot, the submenu is now showing up all
the way on the left side of the page. It should be directly below
the "Participating Farms" link.
This is the page:
http://www.nectfarmersmarket.org/farmse.html
Thank you!Can anyone tell me if this is the right place for this
thread?
Thanks, -
Need help please with drop down menu
AS2 I created a drop down menu for my portfolio. my setup is my site mc, within that mc it my portfolio and the drop down menu with five buttons. I want to link on of those button not to the root, but in the same area as the drop down menu/ this is how it is set up.
sceen1 and inside sceen1 is navebar with the drop down menu. Inside the menu are my buttons. I dont need it to link at the root(sceen1) I need to link one of the buttons to a frame in the navbar area. Sorry and I hope you can understand what I wrote.What code have you tried? Where do you have the code planted? If you plant all of the code in one place, such as the main timeline then it might be easier for you to manage targeting whichever objects you intend to.
-
Need help with javascript drop down menu
Hi,
I inherited a website that was already created. I do not know
what version of dreamweaver they created it in but I have
Dreamweaver MX 2004. I am trying to make changes to the drop down
menus. I have figured most everything else out about dreamweaver
but cant figure out how these menu's are made or can be modified. I
have gone into the main template and clicked on the menu section I
want to modify. All it shows it a link to javascript:; I have
searched everywhere for what this means or how to modify it but
can't find anything. Can someone tell me how to get to this info so
I can make changes. Thanks. My website is www.pfcal.org if that
helps.Oh boy. Templates are not for uploading. They have no effect
on the
server. They only change local files which must then be
uploaded to the
server. But - I'm troubled by this comment -
> It didnt give me an option to "save" though
When you made the changes did the template page get marked as
"dirty" (with
an asterisk beside the name)? Which DW are you using?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sjg23" <[email protected]> wrote in message
news:[email protected]...
> Ok. thanks. I did that but nothing changed. Here is what
I have now:
>
> <div id="MMMenuContainer1112210633_0">
> <div id="MMMenu1112210633_0"
onmouseout="MM_menuStartTimeout(100);"
> onmouseover="MM_menuResetTimeout();">
> <a href="../message_director.cfm"
id="MMMenu1112210633_0_Item_0"
> class="MMMIFVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Director's Message
> </a>
> <a href="../mission.cfm"
id="MMMenu1112210633_0_Item_1"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our Mission
> </a>
> <a href="../history.cfm"
id="MMMenu1112210633_0_Item_2"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our History
> </a>
> <a href="../leadership_transiton.cfm"
id="MMMenu1112210633_0_Item_3"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Leadership Transition
> </a>
> <a href="../pcl_organized.cfm"
id="MMMenu1112210633_0_Item_4"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> How PCL is Organized
> </a>
> <a href="../board_directors.cfm"
id="MMMenu1112210633_0_Item_5"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
>
Board of Directors and Officers
> </a>
> <a href="VideoNGO.cfm" id="MMMenu1112210633_0_Item_6"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> See our promotional video</a>
>
> </div>
> </div>
>
> I made this change in the html code of the page
"main.dwt" which is my
> main
> template. It didnt give me an option to "save" though so
it's like it
> doesnt
> recognize that I changed anything. I saved it anyway and
uploaded but no
> change
> on the web.
> -
Need Help with Spry Drop Down Menu
Greetings,
I'm a Dreamweaver beginner, and I'm currently working on a
redesign of our corporate website, and I would really like to
incorporate a drop down navigation system. So far, I've gotten
close to what I would like to have, except there are a few items I
just can't figure out. Here's what I have so far:
Click
Here
As you can see, whenever you hover over one of the links, a
sub menu appears. This is great and everything, except I would
really like to make two minor adjustments:
1) I would like to decrease the line-spacing between the main
menu and the submenus.
2) I would like to change the font color of the sub-menu for
better readability.
I created this menu using Dreamweaver's Spry Menu feature. To
get the desired results so far, I simply played around with the CSS
file. The only two things I can't figure out are the above. I tried
to change the font color of the submenus in the CSS file, but there
is no tag that allows you to do this. I found a "Help" document on
repositioning the location of the submenus but every time I try, I
don't get any noticeable results.
Any ideas on how to pull off what I'm looking to do? Any
replies would be greatly appreciated. Thanks!Bump
-
I have turned two computers on to home sharing. I am now on this computer wanting to put my music on to this itunes and i know i need to find the other computer in the drop down menu from " Home Sharing " but that menu isnt there on the left?
If you have the horizontal menu bar showing (File, Edit, View,...), select View, then select Show Sidebar.
If the menu bar is not showing, dorp down the menu in the very upper left corner and select show menu bar, then follow steps above.
Hope that helps. Good luck. -
Dynamic Drop Down Menu from an Access Database
Hello Everyone,
I am user Adobe Designer 7 to create a fillable PDF, and I would like to get the options for a drop down menu from my MS Access database. Basically I would like to populate the drop down menu with the names in the Access database. There i Have a table called PhoneNumbers and it contains the names of all the people I want to appear in the drop down menu that I just created.
This is what I did:
I created a drop down menu and then I clicked on Object > Binding > under "Default Binding (Open, Save, Submit)" choose "New Data Connection"
then connect to the database using a fileDSN. I opened the table where with the "names" column (PhoneNumbers)
and under the "Query," option, I wrote:
select * from PhoneNumbers
Then it gave me all the fields from the table and I dragged the "Last name" field over the drop down menu. I will need to find a way to get the "First Name" field to join the Last Name field to create one name that looks like this: Hill, Angie
The problem is that even though it shows the name from the Access database, it does not give me a list of all the names when I open the form in Reader 7...
No matter how much I click that drop down arrow, the name does not change...
It's almost as if it gets to the databse and gets the data from the database, but it cannot loop through it...
It's almost as if it's missing the code to loop through it...
Why is this? Any ideas how to fix it so it gives me a list of ALL the names, when I click on the drop down button?
After that, how can I add the first name to it?
The form would look like this:
Angie H. 202 641 2055
Right now it does look like that, but I cannot change to another name when I click the drop down menu. For the code to be working when I change to another name, the phone number also changes to the phone number of that person:
Barry S. 703 555 1258
The name is in a drop down menu, the phone number is in a textbox.
Can you help me with this?ANGELA,<br /><br />Well, the good new is that you are not far off...What you need is to insert the following code using Java Script under the Initialize function. Just replace the Connection name, The Hidden Value, and the Display Text with your information. This is a function is 8.0 but will work with 7.0<br /><br />/* This dropdown list object will populate two columns with data from a data connection.<br /><br /> sDataConnectionName - name of the data connection to get the data from. Note the data connection will appear in the Data View.<br /> sColHiddenValue - this is the hidden value column of the dropdown. Specify the table column name used for populating.<br /> sColDisplayText - this is the display text column of the dropdown. Specify the table column name used for populating.<br /><br /> These variables must be assigned for this script to run correctly. Replace <value> with the correct value.<br />*/ <br /><br />var sDataConnectionName = "DataConnection"; // example - var sDataConnectionName = "MyDataConnection";<br />var sColHiddenValue = "CAT_Corp_SeqNo"; // example - var sColHiddenValue = "MyIndexValue";<br />var sColDisplayText = "CAT_Corporate"; // example - var sColDisplayText = "MyDescription"<br /><br />// Search for sourceSet node which matchs the DataConnection name<br />var nIndex = 0;<br />while(xfa.sourceSet.nodes.item(nIndex).name != sDataConnectionName)<br /> {<br /> nIndex++;<br /> }<br /><br />var oDB = xfa.sourceSet.nodes.item(nIndex);<br />oDB.open();<br />oDB.first();<br /><br />// Search node with the class name "command"<br />var nDBIndex = 0;<br />while(oDB.nodes.item(nDBIndex).className != "command")<br /> {<br /> nDBIndex++;<br /> }<br /><br />// Backup the original settings before assigning BOF and EOF to stay<br />var sBOFBackup = oDB.nodes.item(nDBIndex).query.recordSet.getAttribute("bofAction");<br />var sEOFBackup = oDB.nodes.item(nDBIndex).query.recordSet.getAttribute("eofAction");<br /><br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute("stayBOF", "bofAction");<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute("stayEOF", "eofAction");<br /><br />// Clear the list<br />this.clearItems();<br /><br />// Search for the record node with the matching Data Connection name<br />nIndex = 0;<br />while(xfa.record.nodes.item(nIndex).name != sDataConnectionName)<br /> {<br /> nIndex++;<br /> }<br />var oRecord = xfa.record.nodes.item(nIndex);<br /><br />// Find the value node<br />var oValueNode = null;<br />var oTextNode = null;<br />for(var nColIndex = 0; nColIndex < oRecord.nodes.length; nColIndex++)<br /> {<br /> if(oRecord.nodes.item(nColIndex).name == sColHiddenValue)<br /> {<br /> oValueNode = oRecord.nodes.item(nColIndex);<br /> }<br /> else if(oRecord.nodes.item(nColIndex).name == sColDisplayText)<br /> {<br /> oTextNode = oRecord.nodes.item(nColIndex);<br /> }<br />}<br /><br />while(!oDB.isEOF())<br />{<br /> this.addItem(oTextNode.value, oValueNode.value);<br /> oDB.next();<br />}<br /><br />// Restore the original settings<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute(sBOFBackup, "bofAction");<br />oDB.nodes.item(nDBIndex).query.recordSet.setAttribute(sEOFBackup, "eofAction");<br /><br />// Close connection<br />oDB.close();
-
How can I create a rollover drop down menu from a link in Dreamweaver CS5?
Hello all, I am working on a portfolio website and I was just wanting to know if there is any way that I can create a drop down menu from a text link that cascades once the cursor has made contact with the link. I would like to have it in my navigation bar where the Portfolio link is. Basically, my navigation bar looks like this : Home | Resume | Portfolio | Contact. I only want three items on the drop down menu beneath the portfolio link: Traditional Art, Photography, Graphic Design. I would really appreciate any help I can get! Thanks!
Have a look at what Nancy does http://alt-web.com/DEMOS/CSS-Horiz-menu-2.shtml
-
Ichat drop down menu from menu bar shows up in the wrong place.
I'm not sure how this happened, but for some reason, ever since I've moved to college, my Ichat drop down menu from the menu bar shows up on the left side of my screen, and you can only see half of the menu. I don't know how to fix this problem so if anyone could help me out that would be great.
Sincerely,
Cody MartinYep.
Go to the Buddy List Status Message and option the Edit option.
Delete that Status Message that you have that is over 42 characters.
Ones of about 60 or more will introduce the "Left Shift" (And the fact the drop Down may line up with the right hand edge of the Menu Bar icon on in-between lengths)
In Snow Leopard it is possible to have a Long Message that displaces the Drop Down Off Screen.
The other factor is the order of the Menu Bar Icons on that side of the Screen
The iChat one can be Dragged if you use the Apple (CMD) key.
If the Drop Down can not fit the message in before the right hand edge of the Screen it will displace.
Having a Second mac User Account and deciding to Display which mac User is Logged in can give you some extra "space"
3:24 PM Sunday; October 11, 2009 -
How do I remove the autocomplete drop-down menu from textboxs, not the awesome bar?
I like having the drop-down menu from the url, but the autocomplete option for textboxs within like when I type my username and it pops up with all of the ones that has been used on that site are really annoying. How do I get rid for the latter? I didn't have this before I upgraded to Firefox, and now I can't get rid of it. Fyi, I'm rather tech inept, don't use complicated comp sci words please!
You can use History > 'Clear Recent History" to clear already saved form data.
*https://support.mozilla.org/kb/Clear+Recent+History
Use these steps to remove saved (form) data from a drop down list:
#Click the (empty) input field on the web page to open the drop down list
#Highlight an entry in the drop down list
#Press the Delete key (on Mac: Shift+Delete) to remove it.
*http://kb.mozillazine.org/Deleting_autocomplete_entries
See also "Prevent Firefox from automatically completing URLs":
*https://support.mozilla.org/kb/search-your-bookmarks-history-and-tabs-awesome-bar -
Creating a drop down menu in Flash
Dear People
Pleasee could you advise me on how I can design a drop down
menu in Flash to then export into Dreamweaver. I would be really
grateful as I desperately need to do this by tomorrow!
Look forward to hearing from you with tips, suggestions,
compnent websites etc.
ChandniHere is a sample tutorial:
http://www.flashkit.com/movies/Interfaces/Menus/Drop_Men-Digital_-72/index.php
Good luck -
Wanting to make a Drop Down Menu in Flash CS3
I'd like to build a drop down menu in Flash CS3. The web is awash in terrible tutorials. Would anyone have a decent tutorial they could refer me to?
Thank you-I'd like to build a drop down menu in Flash CS3. The web is awash in terrible tutorials. Would anyone have a decent tutorial they could refer me to?
Thank you- -
Help needed with populating a drop-down list from an Access Database
Topic
data drop-down list
Jason Murthy - 11:39am Feb 14, 2005 Pacific
Hello,
I am trying to use the data drop-down list from the custom library. I enter the name of my data connection and the other 2 variables in quotes when they are initialized, just like the example says to, but it still doesn't work. Anyone have any thoughts?
Thanks,
Jason
Reply To This Discussion | Back to Topic List | Bookmark | Change Subscription
To start a NEW discussion click on the Back to Topic List link and select Add Topic.
If you are in an archive forum please go up to the main topic list (archives are read only).
Messages 11 messages. Displaying 10 through 11.
First Previous Next Last Show All Messages
Denzil White - 5:46am Jul 28, 05 PST (#10 of 11)
Oh and before you say anything more I have also tried changing it from Javascript to the FormCalc, and no diff, maybe I am more stupid than I realised, heh,heh
Post Reply | Bookmark
Henk Pisuisse - 12:06am Aug 9, 05 PST (#11 of 11)
I am having trouble (sleepless nights) with populating a drop-down list from an Access Database. The result is: I only get the first record from the data connection. So the connection works but I cannot go through the other records. Maybe there is an other way to do this.
I am trying to selectively fill a form with data from an MS-access database.
I hope someone can help me.
[email protected]
The Netherlands (small country in Europe)If you email the access DB and the form to [email protected], I will try to take a look at it for you.
Maybe you are looking for
-
HDD/RAM upgrade question - 400 mhz sawtooth
Hello! My Sister has a Sawtooth G4 - Well, I believe it's a sawtooth anyway. I don't know for sure, so I'll post a bunch of specs: It's a 400mhz model, early 2000. It shipped with a 10GB HDD, and 128 RAM. I believe it also has a 100 Mbps Ethernet. It
-
Integrating with external access control system
Hi, I am new at the network but have read a lot recently about the above subject as much as I could. However, I am a bit mixed up at something. I understand in order to update SAP HR module with employees time and attendance logs I need to interface
-
Problem while copying the org unit
Hi, SRM 4.0. In PPOMA_BBP, user is trying to create a new org unit by copying an existing org unit. When the new org unit is created, the relationship B012 (Is managed by) is getting copied and is showing in PP01 and also showing in HRP1001 table. In
-
Should my iPhone 1 (iOS 3.1.3) with Bluetooth 2.0 (Handset HSP?) work with wireless earbuds with BT 4.0 and the Headset (and Handsfree, A2DP, AVRCP) protocol? They pair and connect as expected (with a PIN); status bar looks good and shows Bluetooth a
-
PSA showing Request not updated to any data target using delta
Hi BWers, I am very new to SAP and have a IDES installed with BW. I am trying to do a simple data load from a flat file. I have managed to create a InfoPackage, but when I schedule it and then go into the data source -> manage and look at the screen