Help Needed with Drop Down Menu/Nav bar
Hello,
I am trying to obtain an effect such as the one at this page:
http://www.whitehouse.gov/
When you put the mouse on the links above such as "The
Briefing Room" or "The Agenda" a drop menu appears with a series of
links. How does one do that? I haven't been able to figure it out.
If someone could be so kind to help, I'll truly appreciate
it.
Thanks,
Joel
It's done with CSS and HTML.
Tutorial:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
To get it done fast, look at the Pop Menu Magic extension for
DW
http://www.projectseven.com/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
Similar Messages
-
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 Drop Down Menu _ URGENT!!
Hello -
I'm new to Dreamweaver. I actually have an old version
(Dreamweaver MX 2004).
I'm updating a website for work and this needs to be done as
soon as possible so I'd appreciate if anyone can be so kind as to
shed light on ANYTHING. =/
This is what I need:
I need a drop down menu; when a selection is chosen, I need
information regarding that selection to appear on the bottom of the
page. (I am working off an Excel sheet - it has list of service
descriptions along w/ the unit price, frequency & other fields.
So If I chose "database hosting" off the drop down list,
information would be generated (ie. it's corresponding unit price,
frequencies, etc.)
I've attached an example of a code but I cannot use that code
(which has JavaScript) to tweak what I need exactly.
I am VERY new to this so if anybody can help be out I would
GREATLY appreciate it.
Thanks!!>I buy all their stuff as it
> is excellent.
Double Ditto!
Walt
"Paul Gillard" <[email protected]> wrote in
message
news:gedcoi$d65$[email protected]..
> Hi
> To be honest, the very best thing you can do is to get
hold of a DW
> extension
> from
http://www.projectseven.com
and then you will be able to have a
> completely
> editable 'easy to implement' drop-down menu system! I
buy all their stuff
> as it
> is excellent.
>
> Cheers
> Paul
> -
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, -
Epson Stylus SX435W otherwise known as Workforce 435. Adding Driver to an iMac
Although Apple promises software drivers on-line, my attempts at downloading and ADDING it to my iMac
repeatedly come up with drop down menu "...it is not currently available from the Software update server". Please help?
I have downloaded all the Epson Printer Software but I cannot make the final step.Reset the printing system and then try adding the printer again.
http://support.apple.com/kb/ht1341
(You have installed, not just downloaded the Epson driver, right?) -
Is there a way to get ACR to appear in the "Open With" drop down menu?
Hi,
Is there a way to get Adobe Camera Raw to appear directly along with CS3 in the Mac's ( OS 10.4.11) "Open With" drop down menu?If you installed ACR it in the right place, and are targeting the kind of file that ACR can handle, it should be there.
I have found that there are certain Tiff Scans that won't open in ACR but if you just Duplicate them in Bridge, and then target the Duplicate, they will then open in ACR.
At least they do so for me. -
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? -
Basic Form with Drop Down Menu Help
Hi Guys,
I have just started using dreamweaver and i dont use code or anything yet. I have been following a tutorial from thesitewizard which runs through the basics of creating a web page in the design screen. It created a form to insert but i need to know how to create a form which has a drop down menu to have say 4 or 5 options to select the normal name email comments etc fields and submit button to enbale people to contact me. Can anyone help with this. Pleae keep in mind i am very new to this and dont have any code experience etc at all.
Thanx in advance for any help.
cheers
chrisYou will need to use a form processing script to handle your form data. This isn't terribly difficult, but it's more than you can do in Design View alone.
Have a look at this form building service.
http://wufoo.com/
Another one to look at - although I've never used it myself, it gets mentioned a lot in these groups.
Forms To Go from BeBo Soft -
http://www.bebosoft.com/products/formstogo/index.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb -
Help to associate drop down menu choices with prices in another field
Hello. : (
I am not really a programmer.. but I have written code before.
(Certainly never written in JavaScript..)
I am working for some non-profit and they asked me to fix their PDF to associate prices with items..
I thought that this would be relatively simple in LiveCycle.. but not for me, anyway..
I have some fields called Description0, Description1, etc.. that are a DROP DOWN menu that lets you select some option.
I want the option to associate with a price field and update depending on the item selected in the drop down menu.
I am totally failing though, it would seem..
Any tips would be appreciated. : )
I wrote something like this:
function descriptionChange(newDescription){
switch(newDescription){
case "Lifepak CR Plus Charge Pak (one set of electrodes and one battery)":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "80";
break;
case "Lifepak CR Plus Charge Pak (two sets of electrodes and one battery)":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "107";
break;
case "Lifepak CR Plus Pedi Pad Starter Kit":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "139";
break;
case "Lifepak CR Plus replacement pedi pads":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "99";
break;
case "Philips HeartStart FRx Battery":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "153";
break;
case "Philips HeartStart FRx Adult Pads (1 Set)":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "50";
break;
case "Philips HeartStart FRx Infant/Child Key":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "98";
break;
case "Zoll Type 123 Lithium Batteries, (10) lasts 5 years":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "75";
break;
case "Zoll CPR-D Padz, five year year shelf-life":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "169";
break;
case "Zoll Stat Pads II, Two (2) piece pads, 2 year shelf-life":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "59";
break;
case "Cardiac Science G3 Plus Battery":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "395";
break;
case "Cardiac Science G# plus Pads (1 set)":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "49.95";
break;
case "Wall Cabinet":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "200";
break;
case "AED Wall Sign-3D":
this.resolveNode("UnitPrice.UnitPrice").rawValue = "15";
break;
}//end switch
}//end function
and then for each Description0,1... I put in like this:
var newDescription = this.boundItem(xfa.event.newText);
DescriptionChange.descriptionChange(newDescription);
Help please? : )
Sorry if my question is too simple.. or I am just too much of a failure..Thank you!!!
That is a really nice trick. : )
I ended up referencing the values with JavaScript actually..
but I imagine it is effectively the same.
They are referenced like this if anyone is curious in the future...
UnitPrice.rawValue = Description.rawValue;
I also thought I might have a problem in the future if each price associated was not unique -- but that also doesn't matter... super great. : )
Thank you very much. -
Bit of layers confusion with drop down menu
Hi guys.
I have been teaching myself web design for about 4 months,
and am still pretty clueless about a frightening amount of stuff.
I am really in a bit of a mess and am hoping someone can help
me out it.
I am doing a web site that needs to have a tabbed drop-down
menu running along the bottom of the banner.
I started doing this using some HTML and CSS code I found
online, but ended up having problems with displaying correctly in
IE. So I have scrapped it in favour of doing one in flash.
The only thing is, directly below the banner, I have a div
that contains image links. When my drop downs, expand they will go
well ontop of the area containing the image links. So my question
is , does the flash drop down's page size automatically have to be
big enough to contain the menu when expanded, or is it possible to
have the flash page size expand according to whether the menu is
expanding or not, so that there is still clickable access to the
link images underneath,when the menu is not expanded.?
Sorry if this is a very convoluted explanation. If someone
understands what I am trying to achieve and help me find any way to
make it happen, I would be hugely grateful, as I have a client who
is blown away by the design, and i dont wanna sour the relationship
by being unable to sort out this functionality.
Thanks for taking the time to read this.I happen to have the same problem. However I cannot find the two files in step two:
2.
Trash the following two files in the Macintosh HD > Library > Caches folder:
* com.apple.LaunchServices-0140.csstore
* com.apple.LaunchServices-014nnn.csstore
I did input my UID number as you are told to do so in the instructions. The only I can find is the one in step six a:
6.
Verify that the problem is solved. If not:
1. Trash the com.apple.LaunchServices.plist file in the Home > Library > Preferences folder of the affected account. See Note [3].
Is there a reason as to why I cannot find those files? Oh and I did delete it; all it did was reset the file associations.
Thank you for taking the time to read this post. May your loins be blessed with fertility.
PowerBook6,8 Mac OS X (10.4.8) -
PLEASE HELP!! Drop Down Menu Using Photoshop Images
I have hit a brick wall in trying to work this out, and it is
killing my productivity, I just need to get through this hurdle on
this site, and I can finish it.
Quick rundown on where I'm at:
I created the website to look how I wanted in Photoshop.
After I've gotten it looking how I want, I bring it into fireworks
and slice it up (I'm sure this step can be skipped, but thats how
I'm used to it), and then I export it into Dreamweaver.
All of that is working fine, except for this drop down menu.
All I'm wanting to happen is when they roll their mouse over "firm
profile" for example, for there then to be a drop down menu that
drops below it (no animation necessary) that has 2 additional
options they can select.
I have created what the page would look like after the drop
down menu would come up (in photoshop). I've tried doing swap
images and menu bars and some scripts from the net etc etc but
nothing works. It either tries to load the drop down menu WITHIN
the slice where it says "firm profile" instead of below it, or just
messes up completely.
In fireworks, I'm able to setup a swap image where when you
put your mouse over "firm profile" it asks which slice you want the
new swap image to come up in, which would work fine EXCEPT that
when you go to select one of the bottom submenu options, the
rollover disapears. If you do it where the whole slice is switched,
then that submenu appears when you rollover where it would be, even
if you haven't first rolled over "firm profile"
So to summerize: All I want is to be able to tell it when you
put your mouse over "FIRM PROFILE" that underneath it , a drop down
menu image that I have already created pops up, and you are able to
1) select the sub menu items (urls). I feel that this should not be
anywhere near this hard.
Please help.cdeatherage wrote:
I just realized--and Murray correct me where I stray--I may have intimated what you want to do is not very complicated. It will be a bit involved, actually. You are probably going to have to set up an id for each menu item so that you can apply the applicable image to the link state for each button. That is to say, your images for Menu Item 1 are going to be different than for Menu Item 2, so you are going to have to code individual link states for each button rather than rely on a global state. I think you can still do what you have designed, but you will likely have much frustration getting there if you are not comfortable writing code. Perhaps what might be easier for you is to use text in the html code for each menu item and then globally apply one background image for the a: state, another for the hover state, etc.
Hope I'm making sense.
Chris
Yes that does make sense - and is exactly the thought I was coming round to. -
Problems with drop down menu in html snippet
Hi all,
I am trying to use a form with a drop down menu so the user can jump directly to the corresponding page. I am using the code generated by http://javascript.internet.com/generators/drop-down-menu.html, and it works correctly when I test it in the "Show me the drop down menu" option on their page.
This is the html code:
<!-- ONE STEP TO INSTALL PULLDOWN MENU:
1. Paste the code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- Original: Ricocheting ([email protected]) -->
<!-- Web Site: <a class="jive-link-external-small" href="http://free.prohosting.com/~ric">http://free.prohosting.com/~ric</a> -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <a class="jive-link-external-small" href="http://javascript.internet.com">http://javascript.internet.com</a> -->
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex] .value;" value="GO">
<option value="">select genre</option>
<option value="http://www.mygaragebandstudio.com/blues_rock.html">blues/rock</option>
<option value="http://www.mygaragebandstudio.com/cinematic.html">cinematic</option>
<option value="http://www.mygaragebandstudio.com/country.html">country</option>
<option value="http://www.mygaragebandstudio.com/electronic.html">electronic</option>
<option value="http://www.mygaragebandstudio.com/experimental.html">experimental/new age</option>
<option value="http://www.mygaragebandstudio.com/jazz.html">jazz</option>
<option value="http://www.mygaragebandstudio.com/latin.html">latin</option>
<option value="http://www.mygaragebandstudio.com/orchestral.html">orchestral</option>
<option value="http://www.mygaragebandstudio.com/urban.html">urban</option>
<option value="http://www.mygaragebandstudio.com/world.html">world</option>
</select>
</form>
When I paste this code into an html snippet in iWeb, my page does not work correctly after publishing to a folder. The jump to location doesn't open its corresponding page. Instead, it defaults to the same page that has the drop down menu, only the menu doesn't appear any more. Instead, I get a "hole" where the drop down menu used to be.
This is my URL: http://www.mygaragebandstudio.com/jingles.html
I examined the code of the page with the html snippet generated by iWeb, and to my surprise I couldn't even find the html code of the form with the drop down menu. Where is it?
Please help!
nullManuel wrote:
Green Star for you!
JSYK,
You didn't actually give PressWeb the green star by marking his post as the post that solved your question. You merely marked the question as answered but never actually marked PressWeb's post as being the post that answered your question, which will in effect reward PressWeb with the green star as seen by a green star appearing in the header for his post. I only mention this because you have incorrectly mentioned rewarding PressWeb with a green star.
Hope that helps. -
IPhone 4 wifi portal login with drop down menu
Hi,
I'm extremely happy with my iPhone 4. I use it often in WiFi hotspots (hotels, university, train stations etc) and the new portal log in system is really handy. Previously I used a third party WiFi portal logging in app which is now no longer necessary. HOWEVER, there seems to be a problem with the iPhone 4 remembering log in protocols for WiFi portals that include selecting an item from a drop down menu before logging in. For instance, the WiFi hotspots in trainstations here in the Netherlands work with several protocols depending on through which organisation you can log in. Before entering your log in details you have to select through which organisation you have access to such a hotspot. The third party logging in app was able to remember how to do this, but the iPhone 4 auto logging in thing (sorry, I don't know the term) does not remember. It's frustrating to have to fill the details in every time. And I can't even use the third party app any more because it needs primary connection to the local WiFi before it can log in, and the iPhone 4 won't give a primary connection if you don't fill in the details to log in (and if you do, you're already logged in and the third party app is useles...)
Sorry for my rant, I'm wondering if there's a way to make the iPhone 4 log in tool-thing remember the protocol for logging in with drop down menus, or if there will be an update to fix it...
Thanks,
Tasmin
P.S. I'm running iOS 4.1are you sure your stop() are in the right place??
eg.. on the last frame of the onRollOver animation??
also... why have you got on(releaseOutside); ???
onRollOut will suffice. -
DWT file not updating with drop-down menu edits rom Fireworks
Aughh! I am almost done with my website, when I go back to
Fireworks and add a couple new tabs on a drop-down menu. I update
the DWT file in Dreamweaver, but one of two things happens: either
the update simply doesn't "take", or all of the <body>
section is mysteriously deleted from the DWT file. If I preview the
Fireworks template (from Fireworks), everything is as it should be,
but not when I preview in Dreamweaver. Not sure if this is a
Fireworks issue or a Dreamweaver so I've posted in both. No one in
the FIreworks forum has come up with any suggestions yet.
What the hell?
Thanks in advance for the help,
Brian>so I've posted in both
Can't see anything here over at the newsgroup - did you
forget or not post
in such a way it doesn't show?
Please provide a URL.
Jo
"_Lost_Boy" <[email protected]> wrote in
message
news:ga4i6l$cht$[email protected]..
> Aughh! I am almost done with my website, when I go back
to Fireworks and
> add a
> couple new tabs on a drop-down menu. I update the DWT
file in Dreamweaver,
> but
> one of two things happens: either the update simply
doesn't "take", or all
> of
> the <body> section is mysteriously deleted from
the DWT file. If I preview
> the
> Fireworks template (from Fireworks), everything is as it
should be, but
> not
> when I preview in Dreamweaver. Not sure if this is a
Fireworks issue or a
> Dreamweaver so I've posted in both. No one in the
FIreworks forum has
> come up
> with any suggestions yet.
>
> What the hell?
>
> Thanks in advance for the help,
> Brian
> -
I need vertical drop down menu
I need plugin vertical drop down menu for DW mx! Must be such
that drops or spreds only down, not right or up!
Can everyone know where I can get it?Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
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
==================
"yazbar" <[email protected]> wrote in
message
news:felgkm$rc2$[email protected]..
>I need plugin vertical drop down menu for DW mx! Must be
such that drops or
>spreds only down, not right or up!
> I can swap 10 for 1 skripts (format *.js).
Maybe you are looking for
-
Storage options for video editing
For video editing is it better to use an external drive as the scratch disc or use an internal (non-bootable) drive. I keep getting conflicting information. I would like to get an additional 500gb for my system (Mac Pro G5)but don't know what directi
-
How to display an Alert synchronously ?
The Alert.show() function displays an alert asynchronously in Flex (the code line which follows the Alert.show() statement is executed well before the alert actually appears on screen). Anybody knows a way to force this alert to show itself syncronou
-
Windows 7 Home Premium SP1 installation error. (Catastophic Failure) Error: E_UNEXPECTED(0x8000ffff)
I installed a new hard drive and set it (the computer) back to factory defaults. Time to start updating everything. First stop Microsoft Update, automatic update does not work, tried to install SP1manually, and received the error in the title. So tri
-
Photos nor recognised in Organiser
I have a problem with PSE Ver 11 operating on Win 7. No matter what I scan from my Epson 3170 Photo into the PSE 11 Organiser I am presented with: NOTHING WAS UPDATED. THE FILE(S) OR FOLDERS(S) SELECTED TO IMPORT DID NOT CONTAIN ANY SUPPORTED FILES T
-
HP director doesn't start in Windows 8.1
Have just purchased a new desktop which has Windows 8.1 installed. Have installed the software for PSC 2175 All in one which include the HP Director to manage the printer including scanning. This worked in Windows XP but doesn't start in Windows 8.1.