I am wondering it its possible to have a flash file contained in a <div> that covers the entire screen. I have already done that but my question is...
Can you still have the flash content in the <div> and have it transparent and use the html buttons below the <div>?
I would like to keep the flash layer active all the time but how can I use the buttons below? I can't even copy or highlight text.
Thanks for your time.
If the div covers the whole screen are the buttons below the screen and no longer visible or did you place the buttons so they are not below the div but are fixed in place at the bottom of the screen? In which case you should be able to give them a higher z-index than the div containing the flash. That way they are on top of the flash div and should be clickable.
<div id="flash" style="z-index:1;">
<div id="buttons" style="position:fixed; bottom:0px; z-index:4;">
You can also make the flash div clickable to show/hide the buttons that you've placed with fixed position in case the flash really does take up the whole screen. No need to make the flash transparent.
Related
I'm fiddling around with this 3D object viewer for my website, I want to embed the viewer in my website, but it pops up on the page way too big.. Can some one tell me how I change the scale of this div?
<div id="fyu_9y1p82ic59" class="fyu_container fyu_vertical fyu_nomax"></div><script src="https://fyu.se/embed?v=3.0"></script><script>FYU.add("9y1p82ic59", "fyu_9y1p82ic59", {autoplay:1});</script>
Now I tried changing the div height, but this doesn't change the size of the actual player, it just cuts off the entire bottom part of it. How do I fix this?
Click here for picture
Hello I'm trying to make a very simple website consisting of a background image and a floating youtube video. My problem is that I need the youtube video to be on a specific place and resize to fill that determined space regardless of resolution or browser window.
The video needs to go in the dark area middle left; I'm not too sure what to do I haven't coded in a while. I've got the background to resize adequetly but other than that. I've tried to follow these guides.
http://css-tricks.com/fluid-width-youtube-videos/
I would appreciate any help. You can find the image here
http://i.stack.imgur.com/rkYos.jpg
Put the iframe into a div and position it absolute where you want
http://www.zachgraeve.com/2006/10/01/center-abosulte-position-div/
make sure you set the z-index to a higher positive value to make it stay "on top"
See also https://stackoverflow.com/search?q=absolute+position+div
I have a problem I haven't found an answer to in similar questions:
I have a site that dynamically resizes a horizontal scrolling image gallery and some text as you resize the browser. That part I have working OK, I just can't seem to get proper control of each respective element.
Take a look: http://john-godwin.co.uk/testsite
If you resize the browser, the large text overlaps the gallery before the gallery starts shrinking, and if you resize the browser small enough, the gallery eventually overlaps the footer as well.
Does anyone know what changes I need to make to the code to make everything stay within a boundary and resize respective of the other elements without encroaching into each elements space?
Thanks in advance.
The CSS can be found in http://john-godwin.co.uk/testsite/css/style.css
Remove z-index:500; in the .content class
I am just starting out making my first website.
What I am trying to do is put a chart over top of a picture. I have a tiled background image, and then I have another large image onto of the background. I want a chart to be put on top of the large image. In my CSS panel I have set the placement to where I want the chart to be (on top of the image), but when I change the position to "absolute" the chart just disappears. I think it might be behind my other picture? When I change the position to "relative" it goes where I want it to be, but of course I don't want it relative (moving with the window) I want it to be in the same place when the window changes.
I'm hoping there is a quick fix for this that I'm not aware of.
For absolute to work the element must be inside an element with its position set to relative, fixed, or absolute.
<div id="outer" style="position:relative">
<div id="inner" style="position:absolute;top:100px;left:100px">
blah
</div>
</div>
edited to remove link. Just google "position absolute values"
In our web application we are planning to develop the Top Navigation in Flex and the page content in normal HTML.On hover over the menus of top nav, the child nodes are shown. The childrens should be shown on top of the HTML content. So what should be the height of the top navigation SWF file for the overlay to work properly.
Initilly the top navigation's height will be say 40 px. On hover it will be say 200px.ie the swf file's height should be 200px? If that is the case initially (not hover) there will be some empty space between the top nav and html content. Or should I use some CSS in the HTMl content to over come this?
Please provide some ideas on implementing this. Any help will be greatly appreciated.
THanks,
Jish
If you make the SWF 200px and just sit it in a div above your page content then you're right, you'll have a gap when the menu isn't showing dropdown items.
I would imagine your best solution would be to place your swf content in a 200px div with a high z-index. Depending on what your site content is you might then put it in a container div with an absolute position that places it 40 px from the page top. With a transparent SWF background this should work... BUT from what I understand there are rendering problems with overlaid transparent SWFs in older versions of FF and maybe others. Usually I've seen this discussed with relation to floating an ad over the page and the workaround for uncooperative browsers is just to redirect to a page without the ad, but that won't work with your menu.