Flash as background using CSS

I know you can't set an swf file as a cell or table
background, so I'm now trying to use a swf file as the background
on my web page. Set up some div tags, but can't seem to get that to
work, either. Is it even possible to do this? I'd like to have text
visible above a cool "cursor" effect that is a swf file.

I've created a div tag for the main body text, positioned it
with an absolute value and a Z index of 2. I also created a divtag
for the flash element, positioned it similarly, and given it a Z
index of 1. Looks okay in Dreamweaver, but not when I go live.
Here's the link:
http://www.designworksoregon.com/jamie/

Similar Messages

Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

Problem using CSS in Flash MX 2004

While working through a tutorial using Flash MX 2004 and CSS
StyleSheets, publishing the page produces the error below each time
I attempt to publish the page and I am unable to continue. There
doesn't seem to be a problem with the code, and the TextField.as
file is in the location where this error indicates that it is not.
Can anyone help?
//********************************* Error Message
**Error** C:\Documents and Settings\Administrator\Local
Settings\Application Data\Macromedia\Flash MX
2004\en\Configuration\CLASSES\TextField.as: Line 47: The class
'TextField.StyleSheet' could not be loaded.
var styleSheet:TextField.StyleSheet;
**Error** Scene=Scene 1, layer=a, frame=1:Line 4: The class
'TextField.StyleSheet' could not be loaded.
var cssStyles:TextField.StyleSheet = new
TextField.StyleSheet ();
Total ActionScript Errors: 2 Reported Errors: 2
//********************************* /Error Message
//-------------------------- The code that produces the error
var cssStyles:TextField.StyleSheet = new TextField.StyleSheet
cssStyles.load("styles/styles.css");
cssStyles.onLoad = function (success) {
if (success) {
loadedInfo.styleSheet = cssStyles;
} else {
loadedInfo.text = "There has been an error loading the
requested information. Please contact the Webmaster and report your
error.";
//-------------------------- /The code that produces the
error ----------------------\\
TX!
David Marion
Email: [email protected]

I found the problem!!
While exploring the Fireworks MX 2004 folder located under
"C:\Documents and Settings\USER\Application Data\Macromedia\"
folder I discovered that this folder was empty. So, I connected the
old hard drive and investigated the contents of the corresponding
folder on that drive. Discovering the wide assortment of files and
folders in that folder, I simply copied the contents of that folder
to the Fireworks MX 2004 folder and retried running the application
and IT WORKED!
Thanks for all your communications and in depth
troubleshooting steps, I will keep them in may Application
troubleshooting Tool Tips for future reference. I have included the
actions used here which brought about the successful resolution of
this issue so that if you'd like you might include them in any Help
Desk Methods you may have. It was truly a collaborative effort
because I would not have thought to explore the Application Data
folder to resolve this issue without you pointing me in that
direction.
Thanks again!

Using css but having these browser issues

Hello
Wondered if you might have any fix for the following...I've
tried several forums and a couple of css people but no one seems to
have an answer other than bugs in the browser. But surely there is
a way...
If you go to
http://www.enhancedwireless.net/Company/TEST.shtml
and rollover the first "(ODMA)" you should get a gif css pop up
which works great in FF, IE6/7 and Netscape (PC and MAC). But in
Safari (any version) and latest Opera (PC and MAC) the pop up is
fragmented and won't go away, breaks up. Would love a suggestion on
a fix...
And I have a swf file css pop up which again works great in
FF and Netscape, even Safari, but not in IE 6 where the pop up
won't go away (and even multiplies when you scroll) and IE 7 where
a strange white "flash" appears over the entire page each time you
mouseover the "(71 countries)".
Just rollover "(71 countries)" -
http://www.enhancedwireless.net/Technology/patentPortfolio.shtml
So my two questions are:
1.) how to fix the image css pop up for Safari and Opera
2.) how to fix the swf css pop up for IE 6/7
I know I could adapt a javascript code out there but was
hoping to do this with simplicity using css - any way?
Thanks very much for your time
KB

I think you have just chosen a hinky way to implement that
CSS 'rollover'.
And you have so much unecessary/redundant CSS in your rules,
it's a little
difficult to sort out what's happening.
Take a look at this page -
http://66.165.80.209/page2test.php
where I have
done something similar, and see if you can understand what's
going on.
The menu links contain an absolutely positioned <span>
containing a
transparent GIF image. The background image of that span is
the door. The
CSS rollover produces the swap. Positoining your rollover
image on the page
you linked should work when applied in the same way, don't
you think?
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
==================
"iwics2" <[email protected]> wrote in
message
news:[email protected]...
> Hello
>
> Wondered if you might have any fix for the
following...I've tried several
> forums and a couple of css people but no one seems to
have an answer other
> than
> bugs in the browser. But surely there is a way...
>
> If you go to
http://www.enhancedwireless.net/Company/TEST.shtml
and
> rollover
> the first "(ODMA)" you should get a gif css pop up which
works great in
> FF,
> IE6/7 and Netscape (PC and MAC). But in Safari (any
version) and latest
> Opera
> (PC and MAC) the pop up is fragmented and won't go away,
breaks up. Would
> love
> a suggestion on a fix...
>
> And I have a swf file css pop up which again works great
in FF and
> Netscape,
> even Safari, but not in IE 6 where the pop up won't go
away (and even
> multiplies when you scroll) and IE 7 where a strange
white "flash" appears
> over
> the entire page each time you mouseover the "(71
countries)".
>
> Just rollover "(71 countries)" -
>
>
http://www.enhancedwireless.net/Technology/patentPortfolio.shtml
>
> So my two questions are:
>
> 1.) how to fix the image css pop up for Safari and Opera
> 2.) how to fix the swf css pop up for IE 6/7
>
> I know I could adapt a javascript code out there but was
hoping to do this
> with simplicity using css - any way?
>
> Thanks very much for your time
>
> KB
>

Displaying linked pages in an area of the screen, using CSS?

Imagine that I have a column on the left of the page that has a list of links to other pages. When you click on any of those links, then to the right the linked page is shown.
I know how to do this with frames, but I'm trying to figure this one out using CSS.
Can anyone point me in the right direction?
Below is a code sample that if your save and then view in a browser will show you (hopefully) what I am trying to achieve.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test site</title>
<style type="text/css">

div.header {
height:4em;
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF;
div.sidebar {
width: 15em;
float:left;
text-align: left;
border-bottom:0px;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
    background-color:#390
div.footer {
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF
-->
</style>
</head>
<body>
<div class="header">
   header goes here
</div>
<div class="sidebar">

   Link to page 1<br />
   Link to page 2<br />
   Link to page 3<br />
   etc...<br />
</div>

This is the area where the pages linked to should be displayed.<br />
So, if you click on the "Link to page 1" link, to the left, the contents of page 1 will be shown here.<br />
If you click on the link to the left that says "Link to page 2" then the contents of page 2 will be shown here, etc.<br clear="left" />
<div class="footer">
footer goes here
</div>
</body>
</html>

Thank you Nancy! Your solution is (I believe) 99% of the way to being exactly what I want.
The code fragment below:
<div class="sidebar">

   <a href="../Test/About.html" target="Frame1"> About</a><p>
   <a href="../Test/FAQ.html" target="Frame1"> FAQ</a><p>
   <a href="../Test/Contact.html" target="Frame1"> Contact us</a><p>
</div>
<iframe name="Frame1" id="Frame1" src="../Test/About.html" height="auto" width="auto" allowtransparency="true" border="0" margin="0" scrolling="auto" > </iframe>
but I want the window that contains the 'imported' code to expand to be the same height as the sidebar and wide enough to stretch to the rightmost side of the visible screen.
I was guessing that
height="auto" width="auto"
would have done the trick, but it would seem not. Any ideas?

Resizing image using CSS - not working in IE

Hello,
I have a standard report with couple of columns one of which a image column. The images are of varying sizes and I manged to resize them to a fixed width & height by using CSS code in page header as below:
td[headers="ITEM_PICTURE"] img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}The CSS does the trick in Chrome & Firefox but does not work in internet explorer. Is there a way to make this CSS code IE friendly?
Cheers for help.

William Wallace wrote:
I am using Apex 4.2.1 (had this issue in 4.1.1 as well) and using theme 10.Ah, the Sludge Sand theme. In 4.x that's a legacy theme only really included to allow applications to run on IE6. It's therefore intended to run in quirks mode, meaning in Internet Explorer terms there's no support for anything that didn't work in IE6 (for certain values of "work"). This means no CSS3, no support for a lot of useful CSS2.1 stuff (like attribute selectors), and probably problems with jQuery which requires standards mode. Adding a DOCTYPE to the page templates to trigger standards mode Interactive Report: how can I display carriage returns?. In 4.2 you really should switch to one of the latest Standard themes, or at least one of the standards mode Legacy themes (those not marked with a "*").
If you must use theme 10, and there are no other images in this report (like edit icons) then you could add a static ID to the region and use a more basic selector like:
#static-id td.t10data img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}However, it appears that one of IE's quirkier quirks mode quirks is that CSS padding is not supported on images, so the presentation you want is not possible using theme 10 in IE and CSS alone.
Switching to a modern theme is recommended.
Edited by: fac586 on 02-Mar-2013 10:31

Buttons using CSS not working properly

I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
     ..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
     margin: 0;
     padding: 0;
body {
     font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     color: black;
a.example1:link
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:outset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:hover
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:inset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:maroon;
/* CSS Document */
/* HTML Document */
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */

It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-width:5px;
   border-color:red;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:link, a.example1:visited {
     border-style:outset;
a.example1:hover, a.example1:active
   border-style:inset;
   color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase.

Flash C5 pro used to create feature length animated films

First, I have Adobe Production Suite CS5 on it's way and have been loooking for information on using several of the programs like Flash, Photoshop, Illustrator, After Effects and Premiere.
How is Flash C5 pro used to create feature length animated films?
*I have been searching for days for information about using Flash in the creation of feature legenth animated films and all the videos on youtube I could find where about web related usage and so where the other I viewed that googl turned up. I did turn up one movie that Flash was used in a feature animated movie for a classical 2d animation style. The name of the movie is Romeo & Juliet, Sealed With A Kiss by Phil Nibbelink. through my searching so far one item turns up but no referance on how to set up Flash otherwise if not using them and that is - DO NOT USE ACTIONS. Ok, do not use actions and no referance on how to set up Flash to use it's tools in the creation of 2d feature animated film. I know it can be done as Phil Nibbleink's Romeo & Juliet, Sealed With A Kiss illustrates that it can.
NOTE: If you have information (links, etc) on tutorials for using Flash in feature animated film making I would appricate links to them (I would prefer video tutorials). If you know if some of the companies that create taining videoes for Flash have these type of of training videoes please post who they are and the name of the course. I hace went through some of the sites that create training videoes for Flash and I could not find any they seemed to be for web usage and used actions.
ANOTHER NOTE: If you know of any fourms that are for using Flash in feature film making please post them.
*During my searching for using Flash in feature animtion film making I read a lot of toon boom vs flash items (and I am not starting a toon boom vs flash post here) one thing that seems to stand out for toon boom is the camera fly throughs. Not having used Flash CS5 yet can this be done in Flash CS5 or is this where After Effects or Premiere is used to get that type of effect.
*Sense Flash is a vector progam and more than likely the backgrounds and some fore grounds would be made in photoshop (raster) would Flash be used to create the characters and import (if they can be imported) into After Effects or Premiere to be able to use the raster backgroud (looking for a way to use the raster background non-destruticely) and should the the raster from photoshop be brought into After Effects or Premiere as an object layer? Having look at Illustrator's new bristle brush (which create in vectors) it looks like it might be able to get a very painterly background any thoughts on this. Digressing some from Flash.
TIA
John

I found this article
2D Computer Animation Tutorials: Step-by-Step Lessons in Flash
here's the link
http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyS tep_Lessons_in_Flash.htm
But it does not say what the settings are to be (again is there a template or something that sets Flash cs5)
John

Can I use CSS, htmlTags and Alt tip for text with TLF?

I want to know if it applicaple to use CSS style sheet to format TLF Text?
is it Applicaple to use html tags instead of text with TLF?
is it applicaple to add alt (tooltip when I over some words) with TLF?

Thank you Robin for helpull answer, yes that what I meant by html, I will check the TextConverter Class.
I asked about CSS because my Manager want to control the Format of the text inside Flash using The CSS.
is there a way to format the TLF Markup, or what is the best suggestion instead of CSS?
I didn't try before to add any new capapilities to the architecture, if I want to start adding this what is the place to start from or any done example that demonstrate it.
I am using Flash CS4 not Flash Builder nor Flex.
thank you again for your helpful answer.

Placing rollover nav buttons using CSS

Hi. I'm creating my first website using DW CS3 and I'm having
problems working out how to include all of the graphics as part of
the CSS so that I can use different CSSs for different devices.
I have a set of images I'm using for the navigation buttons
and I want to add them to table cells using CSS with tags for
placement but how do I then get the rollover effect without ading
anything to the actual html code?
any help gratefully appreciated.
Thanks.

If you need to do this then here is an example:
www.taste-in.com
The buttons are show/hide with css.
.rollover {display: block;height: 100%;}
.rollover img {width: 100%;height: 100%;border: 0;}
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }
#home, #contact, #taste, #about, #tasting, #terms{height:
92px;}#home {width: 139px;background:
url(../images/nav/hover/home.jpg);}
#taste {background: url(../images/nav/hover/taste.jpg);width:
129px;}
#about {background: url(../images/nav/hover/about.jpg);width:
128px;}
#tasting {background:
url(../images/nav/hover/tasting.jpg);width: 126px;}
#terms {background: url(../images/nav/hover/terms.jpg);width:
128px;}
#contact {background:
url(../images/nav/hover/contact.jpg);width: 140px;}--
CheersPablowww.dellwebsites.com
"wefollow" <[email protected]> wrote in
message
news:e2kequ$nie$[email protected]..
> If i can...how can I.....
> I want to import Rollover Buttons from Fireworks to
Dreamweaver( Css Page)
> I just start using CSS code.....
> thank you for reading this message

Flash reeks havoc on CSS pull down menus

I created some pull down menus using CSS. Directly below the
menu bar I had a Flash file that runs on load. The pull down menus
look corrupted in the browser (safari and FireFox) when they appear
over the running flash movie. Is this a z index problem? Any work
arounds?

>I created some pull down menus using CSS. Directly below
the menu bar I
>had a
> Flash file that runs on load. The pull down menus look
corrupted in
> the
> browser (safari and FireFox) when they appear over the
running flash
> movie. Is
> this a z index problem? Any work arounds?
Safari and Firefox Mac have very broken and slightly broken
Flash
Players. There is no viable workaround unless you want to
eliminate all
"hover" effects. Adobe claims it's an Apple or a browser bug.
Apple
claims it's a failure on the part of Adobe to "cocoa-ize"
something or
other.
Al Sparber - PVII
http://www.projectseven.com
Popup Menus | Image Galleries | CSS Tutorials & Templates
Newsgroup: news://forums.projectseven.com/pviiwebdev/
CSS Newsgroup: news://forums.projectseven.com/css/
DW Newsgroup: news://forums.projectseven.com/dreamweaver/

How can i change mx:Label /Label using css?

Dear Experts,
It is funny that <mx:Label> </mx:Label> doesn't have property to change the background color.
Does anyone know how can i change <mx:Label></Label> using css?
Regards,
Man Pak Hong, Dave
[email protected]

I think you have set the backgroundcolor for Label in Flex4...? In Flex3 doesn'y allow to set the background color directly...However you can use this work around if you want to set the background color.
You can also set the color for textField in the code below by using the textField styleSheet property.
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="applyBGtoLabel()">
<mx:Script>
<![CDATA[
import mx.controls.Text;
private function applyBGtoLabel():void{
var textField:TextField = new TextField();textField = myLabel.mx_internal::getTextField();
textField.background =
true;textField.backgroundColor = 0xFF0000;
]]>
</mx:Script>
<mx:Label id="myLabel" text="Apply a background color for me....please" height="25" />
</mx:Application>
Thanks ,
Bhasker Chari.S

TableView columns headers customization using CSS

Hi,
I'm trying to customize the TableView columns headers using CSS, but up until now, I was not able to find the CSS class name for the previously mentioned elements.
Can anyone point me to a document or link where I can find all the available CSS classes for TableView and, why not for all the JAVA FX 2.0 widgets.
Thanks,
Alin

Here's the Oracle CSS Reference guide for JavaFX:
http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html#tableview
You can also look at caspian.css inside the javafx runtime as it is the default CSS sheet for JavaFX applications and is a good place to see a lot of the style classes in use. The particular class you want is .table-view .column-header{} for individual columns or .table-view .column-header-background{} for the whole table header in general. Hope that helps.

To run a program in BACKGROUND using SUBMIT

I need to run a program in background using the SUBMIT option. Here i have to pass an internal table form one program to another which will be used to update sales orders using BDC.
Questions
1} Can we execute a program in background using SUBMIT?
2} I am sending data to a MEMORY ID , if i run the program in background will the memory id work. As in do memory IDs work in the background.
Thanks in Advance

refer same thread.
Re: Problem with SUBMIT in Background

How do I scale a lot of images using CSS in HTML5 and CSS3

I have a CSS image gallery that displays a larger photo with descriptive text below it, when a thumbnail image is hovered on.
Each photo has code like that following:
<a class="thumbnail" >
<img src="thumbs1/paradethumbs/DSC_0073.jpg" alt="thumbnail picture" />
<span><img src="pics1/paradepics/DSC_0073.jpg" alt=" " /><br /> 19 - a black faced sheep.</span>
</a>
The first source is a thumbnail, image stored at a size of 72 by 48.
The second source is an image stored at 600 x 400.
When the thunbnail is hovered on, the larger photo is displayed at its full size using css.
There are 20 or so thumbnails in this gallery, and different numbers in other galleries that use the same code.
The example above is number 19 from 20.
This works fine on tablets and larger displays.
When I wish to show it on an Iphone or similar, with a display that is 480 or less wide, I need to scale the larger photo down to 300 wide.
As the Iphone will have a lower quality of image than a larger display, it will not matter too much if the 600x400 photo is scaled down, and having tried it by giving it an ID with CSS like
#imagescale{ width:300px; } it looks acceptable. However, as IDs are supposed to be unique, then thats a no go area for the remaining photos.
My problem is how do I select the second image source shown in bold above, and scale it and the span text by 50%.
The text is not too important as it can be changed to fit - the image is the main problem.
I need someting like "if the display is less than 600 and the image is in the pics directory, display it at 300 wide".
The browser will hopefully take care of the height.
Any suggestiosn would be appreciated.
Howard Walker

Thanks Nancy. The general idea and the link to the article helped a lot.
However, the css using using a percentage had unpredictable results when selecting repeated images.
The first one scales to 50% and then the next scales to 50% of the last one (25%) and so on ad infinitum, unless you click on another object that is not an image.
Using a pixel size like 280px rather than a percentage did the trick, but it also involved changing lots of other items before I could get everything to fit.
Now I have a better knowledge of media queries and how to set them up.
Best of all, all my image galleries work fine just using css and html. Never thought that would happen.
Take five stars!
And the same to David Powers for his great article.
Howard Walker

Flash as background using CSS

Similar Messages

Maybe you are looking for