Dreamweaver Template & CSS Dropdown Menu Problem
The following website (K
WEBSITE ) is up and as you can
see, dropdowns work fine in Firefox and IE 7, but only work on home
page in IE 6. Seems to be a template problem... not sure. The
dropdowns do not even show up!
Can anyone help, please!!! I am going nuts with this.
Thank you,
Try adding display:inline-block to your nav ul rule:
nav ul {
display:inline-block;
margin: 0;
padding: 0
Similar Messages
-
Dropdown menu problem in internet explorer
i'm pretty new to css, and i'm having trouble in regards to
the dropdown menu option (dreamweaver cs3). i've made a basic
template, and everything looks fine (preliminarily!) in firefox,
but in IE the dropdown menus have scrollbars and the word "false"
floating in them. they're also positioned wrong. any advice on
which styles are the problem? i've tried troubleshooting but its
had little effect. here is the link:
http://happyowlglass.com/happyowl-template.html
many thanks!Have a look at the following
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: none;
background: #FFF;
The original value is left.
Gramps -
Spry Dropdown Menu problem in Mobile Safari (iPad)
I've used the stack SpryMenuBar.js in Dreamweaver to create a dropdown menu for a client (XponentMD.com).
When I Did a pass to optimize the site for the iPad, I found that the menu does not work properly. When you touch the top-level category, you go directly to the linked page and don't trigger the dropdown categories. I believe is it because the touch screen interface does not recognize focus and blur events.
It there and updated version of the SpryMenuBar.js that accommodates touch screen browsers like mobile Safari?Thanks for your answers.
Looks like the browser on iPad simulator doesn't behave like the real touch device, because on iPad itself definitely all unmodified Spry 2.0 menus and also that example ( http://nwneighborhoodvet.com/ ) don't work properly. When I touch "About Us" on http://nwneighborhoodvet.com/, then it immediately loads http://nwneighborhoodvet.com/pages/about-us.html instead of displaying the drop down menu.
Somehow I also don't understand your versioning scheme. I downloaded today again the so called Spry 2.0 Dropdown Menu with the Widget Browser and when I install it on my site the directory with the CSS and Javascripts inside is called Spry-UI-1.7. When this is supposed to be Spry 2.0, why don't you call it Spry-UI-2.7 or 2.0.7 or something similar? Or do I get the wrong version from that strange Widget Browser/Dreamweaver CS5?
My test page (should be unmodified and it's not formatted properly at the moment) is http://www.safeexambrowser.org/Templates/main-D.dwt, also doesn't work properly on iPad.
This is a example (jQuery Superfish) which is actually working on iPad: http://users.tpg.com.au/j_birch/plugins/superfish/#examples (see the menu below "The result:". -
Long Vertical CSS dropdown menu goes off screen
Greetings,
I developed a dropdown menu using Spry (Adobe Dreamweaver). It is a vertical menu with multiple sub-menus. Some lists are very long and the menu goes below and off the page.
I found a great example of what I want my menu to do: http://coins.shop.ebay.com/
On the side, it says "Browse By:" and there is a vertical menu. If I shrink the page up vertically a little and watch the sub-menus pop out, I notice they get pushed up if the parent is close to the bottom of the screen, which ensures that none of the options go off the page, they get pushed up.
How can this be done?
ThanksHave a look here http://pleysier.com.au/mike/
Maybe this is for you.
For the accordion I have used jQuery UI Accordion for Widget Browser which can be found here http://emea-events.wip4.adobe.com/cfusion/exchange/index.cfm?event=ext ensionDetail&loc=en_us&extid=2028523
If you are using DWCS4 or 5, then you can easily incorporate the widget, if not then it is a matter of copying and pasting the code.
Gramps -
I've been working on a drop down menu for a site for a few
months now. I'm using the Spry Widget. I can't seem to get it
working right. I had used the drop down menu feature without
problems in CS2, but now that I have CS3, I'm having problems. I
use a Mac and am checking the site on a PC. The problem is in IE on
the PC.
Here is the site and page with the problem:
http://www.nectfarmersmarket.org/farms.html
The menu item "Participating Farms" has a drop down menu.
Everything works fine on my Mac using FF and Safari. On the PC,
using IE, only some of the links to the page anchors work in the
drop down menu. The ones that don't work for me are: Duhamel Farm,
Palazzi, Stone Farm, and Woodstock Farm.
Since I assume it's user error :), today I recreated the page
and the dropdown menu again from scratch:
http://www.nectfarmersmarket.org/farmsC.html.
And now more links don't work. These are the ones that don't work
on this test page: Duhamel, Palazzi, Rachels, Stone and Woodstock.
I have posted about this a while back, but I still can't
figure it out and my client is getting a little impatient.
TIA!In regards to the validation if you put that page through
right now you will get a few errors. I will try to give them a
quick rundown.
- HR tags should look like <hr /> instead of <hr>
which you have now. This is because there is no ending tag with HR
tags so XHTML puts an end in the tag <hr />.
-One error is a missing v in a closing div tag. You have
</di> instead of </div>.
-The final is with table tags, but with a quick glance I
can't tell which tags are duplicate. Basically it appears as though
there are one too many sets of closing tags. Would have to look
closer at this to solve.
In regards to the Drop-Down and anchors you may want to post
this over at the Adobe Spry Forums because this is an odd issue and
may be something that we have overlooked. So head over and post the
link to the page so that they can see on that forum:
http://www.adobe.com/go/labs_spry_pr1_forum
Outside of that I really don't know what to say without
rebuilding the menu from scratch and building a page locally on my
test server which I won't really have time to do until probably the
weekend and I know you want this solved as soon as possible. Wish
there was more I could tell you but this has me stumped. -
CSS Dropdown Menu Issue in Contribute
Hello everyone,
My name is Boris and I have these question related to the
Adobe Contribute.
I'm working on a client web site where there is a CSS drop
down menu that works in all the browsers. Which works perfectly in
all the browsers without use of JavaScript. However, the issue
comes when you use Contribute and it simply shows the entire drop
down menu all incorrectly and overall design gets all wrong because
of that. I was wondering if anyone had similar problem and has a
solution for it or if there is a way to make code hidden just to
Contribute?? I would very much welcome any help with this issue.
Thank you everyone and have a great weekend. :-)I've figured it.
Just so anyone else who is experiencing this knows - i
changed all the
margin-left properties to just 'left' and made the position
relative. For
some reason Contribute didn't recognise the margin-left
property at all.
Strange. It now displays exactly the same in dreamweaver,
contribute, ie,
firefox...etc.
Thanks for your post Lime.
"lime" <[email protected]> wrote in message
news:e26u9n$jqr$[email protected]..
> "James D" <[email protected]> wrote in
message
> news:e26b7m$rv8$[email protected]..
>> Hi there,
>>
>> I have a template page which is based purely in CSS
and I need that
>> template
>> to be used by my client in Contribute, the only
problem is that when page
>> is
>> previewed in Contribute the layers are all on top of
each other in one
>> line
>> making it impossible for client to update. In
Dreamweaver the preview is
>> fine.
>>
>> I dont have access to the code at the moment as i am
away from the
>> office,
>> but has anyone experienced a similar thing before or
is there a common
>> explanation like contribute cannot handle pure css?
>>
>> Thanks
>>
>>
>
> Yeah, I've seen Contribute present CSS layers in an odd
way as well - not
> as bad as yours sounds though. I'm also not sure how to
help... anyone
> else?
>
> --
> Helen, lime, et al.
> -
Dreamweaver Template Editable Region Old Problem
Hello,
Please, I need urgent help regarding the Adobe Dreamweaver
CS3 program for Mac OS X. It is, unfortunately, driving me crazy,
because I have now a problem that is not letting me edit any
editable region in the child pages I create and apply the template
to that page. I have tried to restart the computer, restart
Dreamweaver and even reinstalled Dreamweaver and made my Template
from scratch and nothing worked. The problem keeps there and
doesn't let me edit any editable region.
Here is what happens: I have created a Editable Region called
"Page Content". Also, another 2 editable regions called "Section
Navigation" and "Sub Navigation". These editable regions are just
there to make my job easier. In the Page Content part, I put the
content I want to add to that page, like text and a heading. For
the Navigations, I simply change the class of one list item to
"current", so that my CSS rule can be applied to that list item and
change the font, so that the users can tell in what page they are
now, you get it?
So, what happens? Everytime I try to make changes to the
editable region Dreamweaver prompts this message:
"You have made changes in the code in a region that is not
marked as an Editable Region... You will lose all of your changes
in the next update of your template. Do you want to retain all of
the changes?"
But IT IS A EDITABLE Region, so that is why I dont get it.
And it gets even worse, because after I lose all of my changes and
hours of work are wasted.
I hope you guys, experts in Dreamweaver can make my life a
lot easier by helping me solve this issue,
Please help.
Best regards,
Thank you for reading this and for the help in advance,
GBAnd, by the way, such messages are usually triggered by
improper code usages
on the page - that's why we need to see your code.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"dreamweaver_pro" <[email protected]> wrote
in message
news:[email protected]...
> Hello,
>
> Please, I need urgent help regarding the Adobe
Dreamweaver CS3 program for
> Mac
> OS X. It is, unfortunately, driving me crazy, because I
have now a problem
> that
> is not letting me edit any editable region in the child
pages I create and
> apply the template to that page. I have tried to restart
the computer,
> restart
> Dreamweaver and even reinstalled Dreamweaver and made my
Template from
> scratch
> and nothing worked. The problem keeps there and doesn't
let me edit any
> editable region.
>
> Here is what happens: I have created a Editable Region
called "Page
> Content".
> Also, another 2 editable regions called "Section
Navigation" and "Sub
> Navigation". These editable regions are just there to
make my job easier.
> In
> the Page Content part, I put the content I want to add
to that page, like
> text
> and a heading. For the Navigations, I simply change the
class of one list
> item
> to "current", so that my CSS rule can be applied to that
list item and
> change
> the font, so that the users can tell in what page they
are now, you get
> it?
>
> So, what happens? Everytime I try to make changes to the
editable region
> Dreamweaver prompts this message:
>
> "You have made changes in the code in a region that is
not marked as an
> Editable Region... You will lose all of your changes in
the next update of
> your
> template. Do you want to retain all of the changes?"
>
> But IT IS A EDITABLE Region, so that is why I dont get
it. And it gets
> even
> worst, because after I lose all of my changes and hours
of work are
> wasted.
>
> I hope you guys, experts in Dreamweaver can make my life
a lot easier by
> helping me solve this issue,
> Please help.
> Best regards,
>
> Thank you for reading this and for the help in advance,
>
> GB
> -
Flash Video Under Dropdown Menu problem
I have been consistently affect by this problem for the last few days. I have a menu that needs to dropdown above the flash video. The problem is that the dropdown appears behind the flash and cannot be clicked. I have narrowed it down to some sort of implementation of the wmode="transparent" but this is not easy.
The code I got to work was
[CODE]
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="someID" width="632" height="220">
<param name="movie" value="http://lib.store.yahoo.net/lib/yhst-57905738662791/main.swf">
<param name="bgcolor" value="#000000"> <param name="allowScriptAccess" value="always">
<param name="allowFullScreen" value="true"> <param name="name" value="someValue">
<param name="wmode" value="transparent">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://lib.store.yahoo.net/lib/yhst-57905738662791/main.swf" width="632" height="220">
<!--<![endif]-->
<img src="preview.gif" alt="Preview">
<p>Download the flash player</p>
<!--[if !IE]>-->
<param name="bgcolor" value="#000000">
<param name="allowScriptAccess" value="always">
<param name="allowFullScreen" value="true">
<param name="name" value="someValue">
</object>
<!--<![endif]-->
</object>
[/CODE]
In internet explorer this code allows the flash file to be behind the menu. But not for Firefox (3.5) Unfortunately, when I add the required [CODE]<embed>[/CODE] tags to the object and make the flash video appear behind the firefox menu, the link in the video no longer works. Because there is a single link within the flash video we use.
PS. the code above was copied and tweak from a flash tutorial site. So I will not take the credit as my own.
My site is http://www.superbreakers.net
If you check out the site you'll see what I mean and what I need.I solved the problem and posted the solution here.
http://www.yourstoreforums.com/showpost.php?p=288577&postcount=5
Let me know if that helps you -
Adding a link to a CSS Dropdown Menu
Hello all:
I am fairly new to the world of CSS and am having some
trouble. I found a CSS menu online and styled it to look correctly.
But now I need to add some functionality to it and can't quite get
my head around how to do this (trial and error has not been working
=)
If you take a look at the following link, I would like to
creat a link out of each of the big square buttons. "Specials",
"Chicago Souveniers", etc.
http://gdsquared.com/clients/souvenir/mm5/home.htm
The corresonding CSS file can be viewed at this link. The
beginning of the navigation bar is commented out as, ----- NAV:
START------
http://gdsquared.com/clients/souvenir/css/style.css
Currently when I add a href into the <li> it starts to
take on the properties of the submenus.
If someone could offer any help, it would be greatly
appreciated.
Thank you
- Garrett"gbowhall" <[email protected]> wrote in
message
news:ff3uvd$1ko$[email protected]..
>I believe I followed the logistics of what you were
saying, but I didn't
>quite
> figure out how to apply that to splitting them up. How
do I pull them
> apart
> from each other (if that's what you were implying) so I
can make each its
> own
> separately styled link? I apologize for my newbie-ness
here.
You don't pull them apart, it's the opposite, you need to
*nest* them
properly
<ul>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
As you can see, the sub-menus need to be within LIs. ULs do
not "sit" next
to each other inside the main UL
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows. -
Photoshop Elements 12 - Dropdown Menu Problem -flickers and will not stay descended to allow choice
Photoshop Elements 12 - OS Windows 8
While PE12 Editor loads without a problem, whenever I try to select an action from the dropdown menus - File, Edit, Filters, etc - the dropdowns flicker and disappear before I can make a choice to New, Open, or Save or Save as... or before I can make any selection whatsoever. The is terribly frustrating as you may gather.
I am an experienced software user and a member of Creative Cloud. I have used earlier versions of PE, so I am familiar with setting up the program and using its interface.
What are possible solutions to this problem. Any suggestions would be appreciated.I have been messing around for the entire day and finally fixed the problem. I also had issues with the dropdown choices flickering and disappearing within 2 sec before I could make my selection. I went under the view tab and clicked Snap To choices. I unchecked the layers and document bound choices and now the drop down menus work fine.
-
Hello everyone!
I am having a tricky question, I need your help with!
I want to insert a spry menu into my webpage. I want the colors of the menu and sub menu to change when I hover over them depending on how many sub menus exist.
All in all I have at most two submenus.
That means, I need to assign three colors. One for the menu without submenu, one for the menu with one submenu, and a third for the menu with 3 submenus.
So far it is working with two colors.
Who could help me?
Heartly regards!
This is what I got:
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: ##FFFFFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #0FF;
color: z;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #0FF;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #F0F;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSUBSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSUBSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #FF0;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;As is the case with any styling, all you need is an identifyer to apply style rules to it.
Hence, if you want to change the colour of a main menu item housing two sub-menu items, simply add a class name as in
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarVertical a.three-subs {
background-color: yellow;
ul.MenuBarVertical a.two-subs {
background-color: red;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu three-subs" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu two-subs" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html> -
wanting to create a drop down menu using css. i have created this using <ul> and <li> tags, but for some reason it doesn't look right. My html seems to be correct and I have double checked the css and can't seem to find what i did wrong. I have chosen the tags within a tag to be hidden, the text is hidden but the boxes are still shown. can someone help out a rookie and see what i screwed up?
url is vacationcribs.com
thx.\Fix the ending list tag (</li>) and come back here if it is still no good.
This list should help. -
Hey guys.
I need the CSS for a vertical menu much like the one on the
Adobe Homepage under 'Products and
Solutions' where more data is revealed when the title is scrolled
over.
If anybody has links to a tutorial or even have one of these
menus I could possibly have a look at it would be much appreciated.
Cheers in advance.Hello,
This is a nice CSS dropdown menu tutorial:
http://projectseven.com/tutorials/navigation/auto_hide/index.htm
And another:
http://www.tjkdesign.com/articles/dropdown/
example of menu:
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp
Take care,
Tim
"ForensicBop" <[email protected]> wrote in
message
news:g54p5j$nke$[email protected]..
> Hey guys.
>
> I need the CSS for a vertical menu much like the one on
the Adobe homepage
> under 'Products and Solutions' where more data is
revealed when the title
> is
> scrolled over.
>
> If anybody has links to a tutorial or even have one of
these menus I could
> possibly have a look at it would be much appreciated.
>
> Cheers in advance.
> -
Flash banner in a Dreamweaver Template
Hi all,
I am using one of the provided Dreamweaver Templates (CSS).
All is fine, except that for some reason it does not like Flash
imports. I can alter the template as much as I like and it will
always successfully change across the site, BUT if I try to insert
a Flash movie/banner into the template - then it does not appear of
ANY of the site files. The only way I can see the flash banner, is
if I open the template.php file in a browser - then you can see
that it is in fact there and working - but for some reason the
other pages refuse to acknolwegde it. Images / Tables / Text - all
work fine - just not flash banners. I even tried saving the banner
as a JPG file in Flash, then sticking the JPG file in the template
where the banner should - and it worked perfectly, but as a .swf
extension it fails.
Am I missing something?
Nathan> BUT if I try to insert a Flash movie/banner into the
template - then it
> does not appear of ANY of the site files.
Because of the active content .js fix, when you insert a .swf
file into a
template, you must use a Site Root relative path for it.
Open the .dwt template file.
Double-click on the .swf in design view- the "browse to file"
dialog box
should come up showing the currently selected file.
look in the bottom of that dialog box for the pulldown to
change from
document relative path to site root relative path. Change it
to site root.
click okay and save the file, and let changes propagate.
does it show in the child files now?
[note- It may still not show during local preview because
site root relative
paths in javascript will not make any sense during local
preview- they
should work fine on the remote host if the site has it's own
domain name
though]
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/ -
CSS (Responsive) Horizontal Dropdown Menu (Alignment)
I am styling a Responsive CSS Horizontal Dropdown Menu (for hours now), and can not get the main menu headings (Directory, Resources, etc) to align left (even) with the logo and content divs. I would also like the submenu headings (Learning & Games) and items (Catch the Bullet, Snoopydoo, etc) to align left (even) with the logo and content divs. - Like I am trying to do with the main headings. --I am trying to get the logo, main menubar heading, and menubar subheading to all align the same left.
(Optional) I am considering on not having the gray menuboard span the whole screen when opened. Not sure if this would look good, but even more unsure how to keep it in the 90% container the menubar is located in.
Here is the site for code:
http://dothopper.com/index.html
Thanks for any help.Another great tip. Never cease to amaze. Thanks . I uploaded the new CSS with red border and looked at somewhat. It seems very helpful, but like this navbar, I'm gonna have to spend some time with. I think this may help me to figure the problem. This is a really GREAT trick, thanks. If you appen to look at my site, and see anything relevant to getting the element to shift left, let me know.
BTW, crammed some more learning recently (Mostly Dreamweaver, little HTML STructure, and JQuery). Going to try to not use as many divs, (use HTML tags and class selectors). Trying to use captions in my HTML and CSS for organization and understanding. Making copies of all my CSS, JS, and HTML. Set my areas (divs) up as 'section,aside,article,and footer'?--Tried adding metatag info (I think I missed 1 part of the metatag (they wanted a value?). Not sure if my metatagging is correct? Let me know of any advice what I'm doing right/wrong so far.
I taught myself to design using divs like tables somehwat. With the correct way of design (not using alot of divs)..how would I handle this?...
My old page (method), I had several,divs: 3- (content75%) and 3- (image25%) all housed within a div (approx 900px). Content was left, and images right. Total DIV that housed them was 75% of 1232px page? (I think)..The div that housed them was approx 900px (.75x1232). Content approx 675px and image approx 225px wide.
I inseted 480px wide images in that 25% image div and it showed it nicely as approx 225px wide on desktop, and when responsive on mobile, nice full size at 480px. (I think I am/was avoiding having to use alternative images--for each platform-- this way?)
With the correct way of designing (less divs), how would I handle this scenario above? IF I inserted a 480px image into a approx 900px div with no other divs, it would fill the div with a 480px image. IT would then throw my wole design off. I think I'm just missing some HTML/CSS knowledge. Hope this question makes some kind of sense?
Maybe you are looking for
-
Applet has illegal start of expression at public VNCViewer() method{ )
package viewer; import java.awt.Color; import java.awt.Graphics; import java.awt.Image; import java.awt.Label; public class VNCViewer extends java.applet.Applet implements Runnable public static final String version = "4.1"; public static final S
-
Will I be able to transfer movies from a windows pc to my iPad?
And how would I do that? And what does iTunes have to do with it? Do i have to install another app from the store to make that video work on my iPad? Sorry I'm really new to this Been an android user and was just used to dragging and dropping files.
-
Can I install a 1TB SSD on MacBook Early 2008 model?
Hi, I have a MacBook Early 2008 model running on Lion 10.7.5. Everything worked perfectly until recently I noticed that the HDD has been making some weird clicking sounds. I spoke and showed it to the local repair shop and they suggested that I have
-
Who knows how to read the Chinese Characters from JDBC?
I wrote two files. One is a jsp file, the other is java file. But in the jsp file it cannot print the Chinese characters, only can print the English characters. I have changed the Character Coding of the browser, but it has no effects. However, the j
-
I recently upgraded to OS 10.9. I created a document 8.5 x 11 with a bleed and am printing on a 9 x 12 sheet. Before I upgraded it printed fined, now it wants to reduce it. The fit to page box is unchecked. Any ideas?