Css to layer a div over a swf
I'm trying to convinve my boss that this is not a good idea,
but I'm having
trouble making the argument ... anyone have a good way for me
to approach
this argument?
Alex
Not by the method you mention in your subject line -
All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
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
==================
"Alexander Ross" <[email protected]> wrote in message
news:fbung4$2a3$[email protected]..
> I'm trying to convinve my boss that this is not a good
idea, but I'm
> having trouble making the argument ... anyone have a
good way for me to
> approach this argument?
>
> Alex
Similar Messages
-
Can I center 2 divs over each other??
OK, I've built a website completely in Flash and I'm trying
to lay it out with dreamweaver so that when viewed on 800x640
resolution maxed browser window it will fit snug without any
horizontal scrollbar (the SWF's is fit to this standard); and when
viewed on 1024x768 maxed window it will be centered in the window
PLUS have a background on either side (So this background should
not appear in the 800x640 window). If that isn't clear compare
http://www.gamespot.com.
Right so my idea was just to put the SWF in a div and this
background PNG in a div and center them both, while making the PNG
width=100%.
Well that doesn't seem to work. I guess you can't center two
divs over each other?? The only way I can make one overlay on the
other is by giving it an absolute position, but then of course it
isn't centered any more.
Any suggestions?Well, no, that's not what I meant.
Background images don't do 100%. Using CSS like this -
body { background-repeat:no-repeat;
background-position:center; }
will a) prevent the image from tiling, and b) will place it
in the center of
any size viewport. Is that what you wanted?
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
==================
"Joniba" <[email protected]> wrote in
message
news:en3a6r$jgr$[email protected]..
> Yeah, sorry I'm just learning all this, so now I know
how to (I didn't
> when I
> posted the message). So I guess I could just center the
background image
> with
> no-repeat, and if it's 100% it anyway shouldn't repeat
(?). Is that what
> you
> meant?
> -
Layer or div tag positioning help wanted
Okay, actually I have two problems: 1) I have managed to
create a navigation bar, but I can't find out how to save it other
than saving the html page it was created on. The help literature
seems to vaguely indicate that a nav bar created can be saved and
used on other pages, but I'll be damned if I can find where there
are any details of this process.
*BTW, my navbar has multiple elements or buttons, so I can't
just copy paste, ctrl/shift doesn't seem to work selecting multiple
elements, tho it works on regular images*
2) Once I solve problem #1, I am goin to want to have the
navigation bar "stay put" in it's position on the screen, immune to
any scrolling that occurs on the page(s). So, I plan on putting
into a layer or div that can be given this behavior or property.
Unfortunately, I can't find or figure out how to do that, either.
Is this a good plan? Is there a better way to make the Nav bar
exempt from page scrolling?billuminatti wrote:
> Thank you very much for the help. As someone who has
done virtually ZERO
> coding, even something as simple as copying and pasting
code per
> instructions...well, let's just say, it's not my forte.
Needless to say, my
> attempts to do just that, copy and paste per "persistent
layer" instructions,
> have not succeeded yet. There could be several reasons
for this, that I have
> noted, anyway. One is, I have an animated timeline, so
when I replace my body
> tag:
> <body onload="MM_timelinePlay('Timeline1')">
> with the new one (per instructions), my timeline
animation goes bye bye.
> Plus, the "persistence" desired is still not achieved,
which leaves me to my
> next observation: I can't see how the code refers to the
layer that I want to
> persist. IOW, how does it "know" which layer to persist?
> I took the comon-sense measure of having that layer
selected when I pasted my
> code, but I'm not fool enough to think that this would
make any difference.
> I didn't even look into the Server Side Include yet, as
i am just aiming at
> making a layer, any layer, "persist". My comment at this
point is that it seems
> very hard for me to believe that a layer behavior
(persistence, or floating) so
> web-common wouldn't have a "design-view only" solution,
in a package as
> sophisticated as Dreamweaver. This is not a slander on
your answer, BTW, which
> I am sure is a fine one. Thanks again.
>
>
No offense, but I think your approach may be a bit off base
here (of
course I have not seen a link to a a page showing what you
are trying to
achieve, so I could be completely wrong). The first part of
your
question already makes me nervous, because it makes me think
you have
used Fireworks or another image program to create your
navbars.
Depending on which version of Fireworks you are using, that
could be
disastrous or only unwieldly. The navigation bars created by
Fireworks
are definitely not the best solution,and you can go through
years of
posts, particularly by Murray, advising against their use.
If you are interested in an easier way to create your
navigation, post back.
Second, wanting your navigation to stay put while the rest of
the page
scrolls is something I see here a lot, but it's not
necessarily how the
web works. People plunge into frame hell in order to
accomplish it,
but it is like trying to kill a mosquito with a jackhammer.
There is a good extension that will do this for you if you
insist, but
given the problems you are having now, I would first create a
properly
coded page that behaves as a normal web page should, and ONLY
THEN
worry about server-side includes
revisit the issue of fixed and scrolling page elements.
An excellent tutorial for creating a cross-browser friendly,
modern
(e.g.not relying on tables for layout) page can be found at
www.projectseven.com (search for "quickdraw" without the
quotation
marks), where you can also find an excellent tutorial for
creating
horizontal or vertical navigation menus that are simple and
can be used
in templates or server-side includes (search for "uberlink"
without the
quotation marks).
Good luck.
Oh, and don't apologize for not understanding code: learn to
understand
and write good, solid html and css. Elizabeth Castro's book
HTML for
the World Wide Web is excellent. For beginning css you might
want to
start here:
http://www.mako4css.com/
Bonnie in California
kroko at
sbcglobal dot net
http://www.theanimalrescuesite.com/cgi-bin/WebObjects/CTDSites.woa -
help: photoshop cs4 crashes when i drag a layer under or over another layer/try to change layer order
this problem orcurred suddenly after having used the programm for years.
i tried to reinstall cs4 and install all available updates, but it di not help...
please help ! thanksWhat is the exact version and what’s your OS?
What does the crash report state?
Boilerplate-text:
Are Photoshop and OS fully updated and have you performed the usual trouble-shooting routines (trashing prefs by pressing command-alt-shift/ctrl-alt-shift while starting Photoshop until the appropriate dialog appears after making sure all customized presets like Actions, Patterns, Brushes etc. have been saved and making a note of the Preferences you’ve changed, 3rd party plug-ins deactivation, system maintenance, cleaning caches, font validation, etc.) -
Firefox for windows won't display absolute positioned divs over flash video
I have a website that has a brightcove video player. About a month or so ago, I was able to float divs over the video player so that they would display on top of the video player, using absolute positioning.
You can see the player here:
lifeminute.tv/evv/8+9+10+11+12+34/widget300s
In Firefox (mac), Chrome (windows), Internet explorer (windows) and Safari (mac) it all still displays properly. In Firefox (windows) the video player ignores the Z-index I assign it, and always places the divs underneath it, UNLESS I give the floating div a solid background color.
When I assign the following styles to the div containing the overlay, I can see the text properly, but of course the video is obscured.
background-color: #FFFFFF;
height: 158px;
position: absolute;
top: 4px;
width: 275px;
If I remove the background-color element the whole overlay pops to the back of the stack behind the video again.
Is this a FF windows bug or am I just missing something obvious?At times you have to add wmode="transparent" attribute to the flash video embed code.
-
Creating a linked css that affects multiple Div's within the html
I am creating a css file to attach to multiple html documents.
within these HTML's is a set of Ap Div regions with hyperlinked text in them.
in the css style box they are named
#apBttnAbout
#apBttnAbout:hover
#apBttnContact
#apBttnContact:hover
I took the #apBttnContact:hover (has a colored background) and turned it into :hover so that it would affect all the #apBttn's.
but it ended up effecting all of my Ap Div regions including my #mainLayout
basicaly how do I create a #apBttn:hover style that I can use for everything with the beginiing title #apBttn?I got it to work!
I am having a heck of a time getting my full raw code into this post.
Please ignore my last post I forgot to include some info
Here is my code that I used. I dont understand what the.linkpx a { does or where it should go. thanks for the help.
MY CSS DOCUMENT
#outerWrapper #contentWrapper #leftColumn1 a {
background-color: #c6402f;
padding: 3px;
width: 50px;
color: #FFF;
font-weight: bold;
text-decoration: none;
#outerWrapper #contentWrapper #leftColumn1 a:hover {
background-color: #666;
MY DOCUMENT.HTML
<style type="text/css">
<style/>
</head>
<body>
<div id="outerWrapper">
<div id="contentWrapper">
<div id="leftColumn1"><a href=contact us.html>CONTACT US</div>
</div>
</div>
</body>
</html> -
How do I layer a grid over a photo and print photo with grid...... I use this method for drawing. Thanks!
Aperture excels at converting, developing, storing, retrieving, and publishing digital photographs. It has limited tools for creating graphics from your photographs. For that you need a graphics program. Graphics program allow compositing.
Search the forum for "compositing" -- I think you'll turn up some helpful posts with links.
You could, of course, print the photograph and then draw your grid right on the print. -
VIP routes in OSPF for CSS in Layer 2 (Bridging mode)
If I am running CSS in Layer 2 mode, is it possible to also run OSPF and advertise the VIP routes in OSPF?
Thanks in advance.you can do both bridge mode and ospf.
Gilles. -
Safari, DIVs over Flash and any dynamic CSS.
Having done my research it appears there is a bug that has been around for a while that remains unfixed. I was hoping the recent update 2.0.1 may have resolved this issue.
This is unique to Safari. While 'Window Mode' and using 'z-index' enables you to overlay a div layer in other browsers, it doesn't fully work in Safari. For sure, the functionality was added, but any dynamic interaction, for example CSS roll-over, makes the background Flash jump to the foreground. Lots of flashing and flickering. Other than that we love Safari, just a shame it has taken so long to fix this since version 1. Any idea when this will be fixed?I have also had difficulty with flash and CSS layers in Safari. The on(release) action of some buttons in a flash movie I was working on would not function; however, the animated "over" states would function. The site's php/css programmer removed a css layer that was BEHIND the flash file and the functionality of the flash file was restored.
A fix for this type of behavior ( or a work around ) would be helpful.
Safari is a great browser -- an excellent gauge for global accessibility. -
Dreamweaver layer - How can I make visible over a .swf banner?
Hi all,
This is a problem I'm facing right now.
I have got a site. With a .swf banner. I suddenly wanted to add a button on this banner. I tried with Adobe Flash profissional but unfortunatily, I didn't manage in that.
So, I decided to put this button as a .jpg image in a layer. And place this layer on the .swf banner. And set a link for the image to the targeted page. But this layer didn't show up. So, I put a Back Ground for the layer. And finally I managed to make it visible. When I tried that on FireFox explorer, it worked! . But it did not on Chrome and IE8. Plese help me with that. I just need it visible and working on Chrome and IE8.
Thank you very much.First start by using the correct "wmode" to bring the .swf down into the normal flow of the page... only then z-indexing will come into play. From another post:
Window Mode (wmode) - What's It For?
There are three window modes.
Window
Opaque
Transparent
By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.
so be sure to include the correct wmode param in your .swf embed code... which, depending on your embed method... will look something like this:
<param name="wmode" value="opaque"/>
And no offense Nancy, but why z-index of "1000"... when it only needs to be "2" (only a higher value not a super duper higher value). But hey, I'm guilty of that exaggeration myself when creating menus etc, as though over z-indexing by a few hundred extra layers will really push that sucker down! I've even used z-index of "500" when never in all my born days would I ever create 499 layers below a simple menu! ... or am I missing something about the power of numbers?
Best wishes all,
Adninjastrator -
CSS Template in Dreamweaver, cannot make flash(swf) show ???
Hi all,
I'm quite new at using dreamweaver, have been using GoLive
some before and I have got a time consuming problem:
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav that comes with DW8.
I've learnt pretty much how it works BUT, I cannot make a
flash file visible when inserted to the page design ????
It does not show if I insert it to an existing div tag or if
I insert it in a new layer. What am I doing wrong ?
(same goes for images)
Need help quickly.
Thanks!This is one of the several weird problems with the HALO
layout.
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
==================
"Pasay" <[email protected]> wrote in message
news:eve7b0$s6g$[email protected]..
> OK!,
> will look into that, as I said I'm all new to this,
grateful for all tips.
> I've posted a new Topic : CSS Template in Dreamweaver,
Submeny
> dissapears?
> may be related to the javascript error ?
> //Bosse
> -
Insert flash in layer via mouse over
Hi
Using the mouse over option with behaviours I can change the
text of a layer
no problem. However if I paste flash code into the new HTML
code box the
flash doesn't work.
Should it? or can I only use text? I considered using
separate layers and
the make layer visible sequence but wasn't sure if it would
make the code a
bit messy
thanks
IanThat should work, provided that you have the link to the
javascript file
that contains the function definition -
AC_FL_RunContent
in the head of the page.
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
==================
"Ian" <[email protected]> wrote in message
news:[email protected]...
> Hi Murray
>
> the code I'm pasting is as below, I could usae just
plain text but I
> wanted a typewriter effect.
>
> cheers
>
> Ian
>
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','wid th','516','height','44','title','tickermain','src','graphics/tickermain','quality','high', 'pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie', 'graphics/tickermain'
> ); //end AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
> width="516" height="44" title="tickermain">
> <param name="movie" value="graphics/tickermain.swf"
/>
> <param name="quality" value="high" />
> <param name="wmode" value="transparent" />
> <embed src="graphics/tickermain.swf" width="516"
height="44"
> quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash"
wmode="transparent"></embed>
> </object>
> </noscript>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> What code are you pasting into the behavior?
>>
>> --
>> 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
>> ==================
>>
>>
>> "Ian" <[email protected]> wrote in message
>> news:[email protected]...
>>> Hi
>>>
>>> Using the mouse over option with behaviours I
can change the text of a
>>> layer no problem. However if I paste flash code
into the new HTML code
>>> box the flash doesn't work.
>>>
>>> Should it? or can I only use text? I considered
using separate layers
>>> and the make layer visible sequence but wasn't
sure if it would make the
>>> code a bit messy
>>>
>>> thanks
>>>
>>> Ian
>>>
>>
>>
>
> -
CSS-no traplog events in over a year
I just took over a css and am looking to see if a service is failing. However the sho log traplog command give me this
at the end
01/22/2007 10:52:56:Enterprise:Service Transition:PRDO2 -> alive
--Truncated---
02/05/2007 20:36:55:Generic:LINK UP for 3/8
CSS11503# sh log-list
stub NOV 1 10:51:44 6
boot.log FEB 5 20:36:54 865
boot.bak FEB 5 20:35:52 216
traplog FEB 5 08:29:08 526783
sys.log FEB 5 20:11:06 408306
CSS11503# sh clock
Date: 02-05-2009
Time: 20:44:47
TimeZone: : +00:+00:+00
Summer time: Disabled
Could the buffer be full and not reporting anything new?
Would the clear log traplog command resolve the issue?
Are than any bad results from issuing this command?use this command
clear traplog - To clear the trap log, use the clear traplog command.
Related commands:
Related Commands
clear transfer
clear download datatype
clear download filename
clear download mode
clear download path
clear download serverip
clear download start
clear upload filename
clear upload mode
clear upload path
clear upload serverip
clear upload start -
CSS Styles Panel and DIV Draw tool
In Dreamweaver CS6 Creative Cloud, how do I access the CSS styles palate/panel and is there a DIV DRAW tool, or do you resort to the tracing tool to draw website layouts?
DW is not a graphics app. You cannot draw layouts on screen. You need to use CSS code to create the basic layout and HTML for your structure.
You may find it helpful to jump start your projects with one of the pre-built CSS Layouts in Dreamweaver CS6.
Go to File > New > Blank Page > HTML > Select one of the Layouts in the 3rd panel and hit the Create button. SaveAs filename.html.
Learn to use CSS floats, margins and padding to align elements.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O. -
How to layer flash menu over flash slideshow?
Hello All!
I am working on developing a new website, and I have come upon a roadblock...
Is it possible to layer a flash object over another flash object? -- The website I am creating has a flash menu and a flash sllideshow. I want the flash menu (submenu) to be able to appear IN FRONT OF the flash slideshow. Here is the link with my progress:
http://nathanlafave.com/newsite/index2.html
You will notice that when you hover over "Web" in the navigation menu, the SUBMENU appears BEHIND the flash slideshow.
Any suggestions on making this appear IN FRONT OF the slideshow.
Both menu and slideshow are extensions purchased from flashdevelopment24.com
Thanks!You have a couple of problems.
1) Flash slideshows typically rise to the top of everything else on the page. Ideally, you should keep Flash animates away from drop-down or flyout menus of any type.
2) Flash is not supported by all web devices. How will users without Flash navigate your site?
Almost anything you can do with Flash can be achieved with jQuery. See examples below.
jQuery Superfish Menus
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery Fancy Transitions
http://workshop.rs/projects/jqfancytransitions/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Maybe you are looking for
-
Disk drive not working, how/who to contact?
I recently took my Macbook (2.0ghz 512mb RAM) White to get repaired at an Apple authorized computer store near where I live. The repair was for a broken backlight, however since getting the computer back (After two weeks mind you, a comuter tech guy
-
The file "itunes library.itl" canot be read because it was created by a new version
The file "itunes library.itl" canot be read because it was created by a new version
-
Indesign unable to open a file with name that contains letters "ä" and "ö"
Hi, I just updated indesign and it seems it lost the ability to open files that have letters "ä" and "ö" in the file name. After I renamed the files, they were opened fine. Error I get is: "Either the file does not exist, you do not have permission,
-
Need To Urgently Delete Contents of a File! Please
I have flat File that exist in a Directory. I check what its contents is and then I have to overwrite this File. But unfortunately I can't figure out how to overwrite what is alrady on the File. i just seem to add onto the contents. File f = new File
-
Time capsule not seeing old backups, now its backing up my computer again
Hi: I moved my TC today to a new apartment. Same computer and everything. I can mount the drive and see the macbook pro backup file but i cant connect to it with time machine. Now when I back up my computer again, it is starting a new backup of the e