Removing Flash using CSS for mobile...

Hi- I'm trying make my website moble friendly (I know- drop the flash all together but I can't).

Instead of having JS redirect to a new page, I'd like to have CSS hide the Flash and replace with a menu.?Is this possible?

Here is the page w/ flash: http://www.prodentite.com/about/index.htm

I'd like to be able make the page look like this when the browser doesn't support flash:

http://www.prodentite.com/mobile/

Any suggestions?

Removing Flash using CSS for mobile...

Create a new css stylesheet with a media type of ''handheld'' and make selectors that call out those items you wish to ''hide'' by making them display: none;

Be sure you put a media type on your general css stylesheet of ''screen'' so that your stylesheets won't fight with each other.

I know there are great tutorials out there for creating ''print'' stylesheets for ''screen'' web pages. You can follow a similar procedure when you create your ''handheld'' stylesheet.

Here's one of them now:

http://www.adobe.com/devnet/dreamweaver/articles/designing_css_pt7_02.html

Beth

Removing Flash using CSS for mobile...

Thanks Beth!!!

You betcha!

Beth