Removing Flash using CSS for mobile devices

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?

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

Similar Messages

  • Flash Design for Mobile Devices May Workshop

    I'll be running a 2 day workshop in San Francisco on
    Flash Design for Mobile Devices in May.
    Please forward this announcement to anyone who might be
    interested.
    Details are below.
    Thanks,
    Nader Nejat // CEO
    Omega Mobile //
    http://www.omegamobile.com
    Accelerating profit through stunning mobile experiences
    ==========================================
    What:
    Flash Design For Mobile Devices
    When:
    2 days: Saturday, May 6 & 13, 9am — 5pm
    Where:
    San Francisco State University Downtown Center
    Multimedia Studies Program
    425 Market Street, 2nd Floor
    San Francisco, CA 94105
    For more information and to register:
    On the Internet go to:
    http://msp.sfsu.edu
    Or, call: 415.405.7700
    Flash Design For Mobile Devices
    In the era of rich mobile media development, your mobile
    future is here. Now, learn how to create it in this hands-on
    workshop.
    We'll give you all the information and practice you need to
    be on the
    cutting edge of creating Flash content for PDAs, mobile
    phones and next
    generation devices. We'll explore the mobile Flash landscape
    by looking
    at working prototypes and actual applications that leverage
    the current
    mobile Flash player technology.
    In this class, each attendee is assigned their own computer
    to work on.
    Discussions are followed by exercises that show you exactly
    what you need
    to know to produce your own mobile content. We emphasize
    creating great
    mobile multimedia experiences for cell phones using Flash
    Lite.
    In addition to exploring development opportunities available
    today, you'll learn:
    • The capabilities and limitations of Flash for mobile
    development.
    • Best practices for planning your mobile projects.
    • How to efficiently convert Flash projects to mobile.
    • The entire production process from planning to
    testing and debugging on the device.
    • How to create engaging content and user experiences
    for small screens.
    • How to maximize memory and processor performance of
    your applications.
    • How to develop for multiple devices with minimal
    changes.
    • To tap into resources to get you started quickly
    • About handy third party utilities.
    Who should take this class?
    Anyone interested in developing rich media content for mobile
    devices
    including: mobile developers interested in Flash as a
    potential delivery
    platform and interface designers who want to use Flash for
    mobile design,
    Flash developers who wish to leverage their skills for mobile
    development,
    web designers who want to take advantage of the next big
    medium and anyone
    interested in Flash's capabilities for mobile devices.
    Prerequisite: Flash I or equivalent experience recommended.
    Course #: MULT 9234
    Schedule #: 26264
    Section: Z01
    Hands on, 1 student per computer
    2 days; Saturday, May 6 & 13, 9am — 5pm
    SFSU Downtown Center, 425 Market
    Fee: $395.00
    Register Now! Call 415.405.7700

    Anything similar available in UK?
    "..Nader.." <[email protected]> wrote in
    message
    news:[email protected]...
    > I'll be running a 2 day workshop in San Francisco on
    > Flash Design for Mobile Devices in May.
    >
    > Please forward this announcement to anyone who might be
    interested.
    >
    > Details are below.
    >
    > Thanks,
    > Nader Nejat // CEO
    > Omega Mobile //
    http://www.omegamobile.com
    > Accelerating profit through stunning mobile experiences
    >
    > ==========================================
    >
    > What:
    > Flash Design For Mobile Devices
    >
    > When:
    > 2 days: Saturday, May 6 & 13, 9am ? 5pm
    >
    > Where:
    > San Francisco State University Downtown Center
    > Multimedia Studies Program
    > 425 Market Street, 2nd Floor
    > San Francisco, CA 94105
    >
    > For more information and to register:
    > On the Internet go to:
    http://msp.sfsu.edu
    > Or, call: 415.405.7700
    >
    > Flash Design For Mobile Devices
    > --------------------------------
    > In the era of rich mobile media development, your mobile
    > future is here. Now, learn how to create it in this
    hands-on workshop.
    > We'll give you all the information and practice you need
    to be on the
    > cutting edge of creating Flash content for PDAs, mobile
    phones and next
    > generation devices. We'll explore the mobile Flash
    landscape by looking
    > at working prototypes and actual applications that
    leverage the current
    > mobile Flash player technology.
    >
    > In this class, each attendee is assigned their own
    computer to work on.
    > Discussions are followed by exercises that show you
    exactly what you need
    > to know to produce your own mobile content. We emphasize
    creating great
    > mobile multimedia experiences for cell phones using
    Flash Lite.
    >
    > In addition to exploring development opportunities
    available today, you'll
    > learn:
    > ? The capabilities and limitations of Flash for mobile
    development.
    > ? Best practices for planning your mobile projects.
    > ? How to efficiently convert Flash projects to mobile.
    > ? The entire production process from planning to testing
    and debugging on
    > the
    > device.
    > ? How to create engaging content and user experiences
    for small screens.
    > ? How to maximize memory and processor performance of
    your applications.
    > ? How to develop for multiple devices with minimal
    changes.
    > ? To tap into resources to get you started quickly
    > ? About handy third party utilities.
    >
    > Who should take this class?
    > --------------------------------
    > Anyone interested in developing rich media content for
    mobile devices
    > including: mobile developers interested in Flash as a
    potential delivery
    > platform and interface designers who want to use Flash
    for mobile design,
    > Flash developers who wish to leverage their skills for
    mobile development,
    > web designers who want to take advantage of the next big
    medium and anyone
    > interested in Flash's capabilities for mobile devices.
    >
    > Prerequisite: Flash I or equivalent experience
    recommended.
    >
    > Course #: MULT 9234
    > Schedule #: 26264
    > Section: Z01
    >
    > Hands on, 1 student per computer
    > 2 days; Saturday, May 6 & 13, 9am ? 5pm
    > SFSU Downtown Center, 425 Market
    > Fee: $395.00
    >
    > Register Now! Call 415.405.7700
    >

  • How to set Css in mobile device + OS  using Flex 4.5 Mobile

    Hi,
    how to set Css for mobile device + OS
    is it possible
    @media (device : "IPAD") and (application-dpi: 160) and (os-platform: "IOS") { }
    Can anyone help to me.

    BorderContainer wont resize if the fixed width is specified, if u want to give some minimum width you can use minWidth . Give  Width = "100%", now it will get Resizing capabilities

  • Adobe to ditch flash for mobile devices! A few questions

    Just read the news. Have a few questions
    1. Is AIR still going to be used for cross platform deployment as that is what I am using now ie: will it be used to deploy html5 apps/programmes?
    2. What tool/IDE will adobe be using for html5 - flash? flex?
    3. All of our multimedia swfs etc... - can they be exported/used in an html5 environment
    4. html5 coding - is it similar to actionscript 3 ie: do we have to start all over again - back to school?
    5. Games coded with actionscript 3. Can these games be exported to html5 or must they be rewritten?
    Flash stays for pc it looks like.
    So it is no longer multiplatform - we will have to code for flash on pc and html5 for mobile devices - is that right or will there be some kind of packager that will export our flash to html5
    Just a few questions

    I don't work for Adobe so my understanding may not be 100% accurate but here we go...
    1. Is AIR still going to be used for cross platform deployment as that is what I am using now ie: will it be used to deploy html5 apps/programmes?
    Adobe will be concentrating on developing AIR for packaging  apps for mobile devices. AIR is ActionScript based and it does not produce HTML5 apps.
    2. What tool/IDE will adobe be using for html5 - flash? flex?
    HTML5 itself is just a flavour of HTML and therefore Dreamweaver is the Adobe tool for it For Javascript based timeline animation etc, Adobe has Edge http://labs.adobe.com/technologies/edge/
    3. All of our multimedia swfs etc... - can they be exported/used in an html5 environment
    Adobe has Wallaby http://labs.adobe.com/technologies/wallaby/ for this - I'm not sure how active the development is lately though. In any case it's impossible to replicate all features of Flash in HTML5.
    4. html5 coding - is it similar to actionscript 3 ie: do we have to start all over again - back to school?
    Again HTML5 itself is just a simple set of HTML tags. JavaScript is very similar to ActionScript, as AS is based on JavaScript (ECMAScript). For example HTML5 Canvas drawing API is very similar to AS3 drawing API. Therefore if you know AS, at least you know the basics of JS syntax.
    5. Games coded with actionscript 3. Can these games be exported to html5 or must they be rewritten?
    If you want it to run on browsers, yes. If you want to convert into apps then AIR does that.
    Kenneth Kawamoto
    http://www.materiaprima.co.uk/

  • Error message saying this device cannot be used because Apple mobile device service is not started.  What does this mean and how do I start service....had these devices for over a year now??

    When I tried to sync my iphone 4 and ipad in iturnes, an error message popped up saying this device cannot be used because Apple Mobile Device service is not started!  What does that mean and how do I start service?  I've had these devices for over a year and update and sync regularly and have never seen this message before!

    I got that message yesterday. I'm new at this so don't know if this is the correct solution but it worked for me. I reset my iPod by holding the 2 buttons down until the apple appears AND I restarted my computer. After that everything worked.

  • Creation of a database engine for mobile devices using j2me

    am trying to develop a database engine for mobile devices.. it is to develop a miniature version of the DBMS that
    can be deployed on a mobile phone..I have to develop my own code for performing tasks such a s creating a table,
    inserting values into it, selecting from it etc..
    I limited my self to develop the software so that it can perform 3 functionalities of create, insert,select..
    I should be taking the details such as table name and its parameters from the user and then should be able to
    create a suitable data structure for it(i tried to develop a class)...
    Usage of RMS package helps me partially in this.. I did that and ll be doing that..
    I got stuck while developing the code for creation of a table.. I am facing problems in creating a dynamic data
    structure for a table and also to use such data structure else where in my project..
    I need help in developing an algorithm for this..
    I would be very grateful to u all if u help me out in developing the code for this project..

    I'm sorry for the amount of time it took me to get back. Derby is an open source database written entirely in Java. I do not know if it can support resource constrained devices like MIDP compliant, but may work okay with CLDC.
    But outside of Derby being a solution, let me give you a few ideas off the top of my head.
    Set up a database server in a separate thread. This server will really be your controller for RMS access.
    Since RMS is just a big sequential 'pipe' you will have to think of data as 'frames' - (starttable) (tableID) (tablename) (data) (tablename) (data).....(endtable).
    When you need to write additional data, just append it to the end of the RMS object.
    When you need to retrieve data, thing are more complex.
    1. Read in all data, looking for your particular tableID. This may be made much easier using RMS filters - (I'm not sure, I've never used them)
    2. Once start of table of interest is found, stick the data elements in either a java vector or array until you reach the table end identifier. I think vector will be a better choice - trust me. (I think its available in J2ME...)
    3. Package this into a do while loop until the element you are searching for is read. If you need to do some sorts on the data or something else that requires the all the data to be present then you need all the data for that particular table. One thing will always be clear. The first data you grab will always be some start table identifier and the last data you grab will be an end table identifier. We just don't know which table because of how we put stuff in the RMS resource.
    This provides you a few positives as well as negatives:
    Positive:
    1. Fast data writes, no need to search for a particular table before accessing it, nor do you need to search for an index in that table.
    2. When looking for data, data may* be found without searching through the entire table. This is accomplished with RMS filters or logic test within the RMS read loop.
    Negative:
    1. Slow when all data of a table is needed (i.e. compute sums or averages of entries). The entire RMS database must be read to ensure all the entries are searched. An example of how this is a problem is as follows: You have 5000 entries in you RMS database resource and you are looking to compute the average of a value in some table. When you first wrote the data to the table, it was done sequentially and no other data for that table exist. But we can't tell if that's the case, so we have to read through all 5000 entries to make sure we looked for every piece of data.
    Beacuse of this issue, this database structure, performance may be fine for 50K - 100K entries (depending on table element size), if the reading requirements don't force full data reads. Otherwise, 25K may be an upper limit.
    I hope this helps.
    Edited by: estarkey on Mar 17, 2009 9:15 PM
    Edited by: estarkey on Mar 17, 2009 10:01 PM

  • How long will an iPad 4 play music whem powered by 2600mAh Flash Chargers for Mobile Devices

    how many hours will an iPad 4 play audio when it is powered by a
    2600mAh Flash Chargers for Mobile Devices ?

    Again, my issue is not with Flash Builder itself. In fact I think Adobe is doing a tremendous job regarding many things at this juncture. They've been under a considerable amount of pressure, especially since Apple tried to declare Flash an obsolete technology. I'm proud of Adobe and Flash - which I thoroughly enjoy working with. I also enjoy working with Flash Builder.
    My issue is in regards to support. It's that simple. I understand that many features take time to prepare prior to their public release. This is obvious. There are a lot of tests to be made prior to even a first release. My issue is a specific one. It is in regards to Flash Builder and their attitude towards this piece of software as it relates to this "mobile storm" that has approached. Everything is about MOBILE, MOBILE, MOBILE. Well, ok.. it's about mobile. Adobe really only has two (count that, 2!) pieces of software that creates Flash content. (and NO, that isn't a lot). There's the Flash IDE and Flash Builder, which is SUPPOSED TO BE FOR DEVELOPERS. One would think that more time would have been spent of getting ELEGANT mobile publishing solutions into Flash Builder at this point. I'm tired of reading one massive pdf after another just to understand what the hell I'm supposed to be doing. AND.. on top of this.. they get simple, fluid, elegant solutions into the FLASH IDE in the meantime. iPhone, Android publishing with the click of a button in the Flash IDE? DONE! Months ago.. Flash Builder 4 with the same capabilities? Nothing. Command lines... Terminal windows.. give me a break.

  • I just tried to connect and sync my iTouch (4G) to iTunes and I got an error message that said :This iPod can'be used because  Apple Mobile Device service is not started". I tried searching my PC for the program and no luck. Any suggestions?

    I just tried to connect and sync my iTouch 4G to iTunes and got this error message: " This iPod can't be used because Apple Mobile Device service is not started". I just did the upgrade fo Safari and iCloud.   Any suggestions?
    Thanks!
    Dan Farrell

    I corrected the link in the previous post you responded to, but here is the correct link again.
    http://support.apple.com/kb/ts1567
    B-rockt

  • Creating a site for mobile devices

    Good morning,
    I have a number of questions relating to the creation of a
    site for mobile devices. My client has given me the assignment to
    re-design his current website, and to also create a sub-site
    suitable for mobiles. I have spent a number of hours looking around
    on the Internet and trying to gain a better understanding of these
    issues. Still, a number of questions remain. if you can give me any
    additional understanding, that would be great.
    Question 1:
    Is my understanding correct: I basically need to create two
    sites, one for the wide-screen browser, and one for the mobile
    browser? I can direct visitors to the mobile site using a CSS or
    javascript link - if their browser identifies them as a mobile
    browser?
    Question 2
    Mobile devices come in all sorts of shapes and sizes and
    versions. PDA\s and iPhone's have different screensizes and
    resolutions that smart--phones, which in turn are different again
    from older and simpler phones. Should I design a site for a number
    of different types of phones? That would a huge amount of work...
    Question 3
    I also own Device Central, an App which I should think is
    very useful in this situation. But I fail to understand it! OK, so
    I can see what my photo or website or flash file looks like on my
    Nokia N73 - but I am not designing specifically for that phone. I
    also want my design to look good on all the other phones! My client
    needs a website that is not tailored to one phone, but to all
    phones.
    Question 4
    And why does Device Central not have profiles for the iPhone?
    I would think it is popular enough to warrant its own profile... (I
    post this from the Netherlands, where the iPhone is not carried
    yet, and so I have only ever held one in my hand). Is this because
    the iphone can see regular sites just fine?
    Question 5
    How does Dreamweaver help me build a mobile site?
    Question 6
    My client wants to show video on his website. In fact, that's
    what this website is all about: showing sports-videos from high
    profile sporting events. Which video-formats are most suitable?
    Question 7
    Do all mobile phones support flash? Or only a few? Or none?
    It seems to me that a flash website would allow for more creativity
    in the design.
    Thanks for any help you can give. Any resources you could
    point me to are also very welcome...
    Sincerely,
    Rogier Bos
    Rotterdam, The Netherlands

    Macnimation wrote:
    > Hi,
    >
    > I'm experimenting with creating a small site off a
    standard site, for mobile
    > phone/devices.
    >
    > Basically, I want to load a basic list page, which has
    links to pages that
    > will display and run flash movies.
    >
    > The flash movies, in FLV format are already at 640 x 480
    which run fine in the
    > main site.
    >
    > Is it simply to resize the movies to fit the mobile
    content size , or will
    > they "auto" resize?
    >
    > Do I have to chnage the webserver configuration in
    anyway, its a standard IIS
    > site at the moment, but MySQL with apache is also an
    option.
    >
    > Would standard html do or would the pages have to be
    done using xhtml or wml?
    >
    > I would like if possible to get this infomration first
    before starting it, so
    > I can possibly reduce delays.
    >
    > Any help or pointers to tutorials would be grateful
    >
    I'd like to check out the PDA scene some day soon, too. In
    the meantime,
    there's a recent discussion of this topic here:
    http://www.sitepoint.com/forums/showthread.php?p=3288343#post3288343
    www.geobop.org - Family Websites
    www.invisible-republic.org - Adult political websites (Mature
    adults only)

  • Does CS5 have tools for creating websites for mobile devices?

    Does DW CS5 have any built in tools for creating web pages for mobile devices, iPads, iPhones, etc?
    Thanks.

    This will go back to your other post about the CSS tables, it depends on how much you know.  CSS3 is a style language and while support is growing in Dreamweaver and within browsers it is taking some time so the more you understand the code the better off you will be.  With regards to HTML5 animations, you will find that no tool out there can do this easily outside of some Apple developer tools and if you are serious about programming to work with the iPhone/iPad you will want to sign up (registration is free) and download their developer tools.  Adobe has mentioned making some strides and trying to use their existing tools (ie: Flash) to help transition to HTML5 animations from Flash and Illustrator has also gained some HTML5 vector tools to help out.
    To find out more about what Adobe is doing for HTML5 there was a post made on John Nack's blog not too long ago that you might want to read over (and follow the links).
    http://blogs.adobe.com/jnack/2010/11/so-what-has-adobe-actually-done-for-html5-lately.html
    Dreamweaver is not going to hand you everything though.  To get the most out of it you have to put something into it.  It is easily the most advanced tool in the PHP and ColdFusion realms (ASP/.NET goes to Visual Studio).  But in order to do more and customize things to your needs, understanding the code is a must in the world of web design.

  • Okay so I'm trying to download Adobe Flash Pro. I've gone to creative cloud and downloaded "Flash Professional CC and Mobile Device Packaging (2014)" and I have no idea what to do afterwords... There's no way to open or run the file. And to be honest, I'm

    Okay so I'm trying to download Adobe Flash Pro. I've gone to creative cloud and downloaded "Flash Professional CC and Mobile Device Packaging (2014)" and I have no idea what to do afterwards... There's no way to open or run the file. And to be honest, I'm not even sure if it's the right download... Help!

    I'm using PC with Windows 8.1. I got onto the Creative Cloud and downloaded "Flash Professional CC and Mobile Device Packaging (2014)". <--- That would be the file. I can't open or run it from CC and I couldn't find a file in my computer either.
    I've also found direct downloads for the trial version and hit the set-up button, it loads up, and then nothing happens.

  • Photo Gallery for mobile devices

    I am updating my web pages with HTML5 + CSS3 mainly with Dreamweaver.
    I would need advice how to create photo gallery for mobile devices, please.

    If you are using a Studio VII product, you get excellent tech support with them. Just send them a message via email. I had an issue with mobile devices and Studio VII's Slide Show Magic. They create a slide show that has a drop-down navigation system that one may move in all browsers except mobile browsers. So, if you are on a mobile device, the navigation (small icons of the pictures in the slide show) will be in the way of the slide show if you activate the menu.
    I had a back-and-forth with Al Sparber where I requested help. He very quickly identified the problem and told me exactly what to change in the CSS for the drop-down navigation system. Boom! Done. As a result, I highly recommend his tools. They solve problems and, if there is a problem with the solution, he's there to solve any issues that arise. If you buy something from him, you get him to address any issues you have.
    So, in my experience, you're safe in buying their products. They host very good tutorials for their products on their website and they'll hand-hold you for anything you throw at them and help you to manage stuff.
    -Mark

  • Scrolling in a Flash App on a mobile device.  Anyone?

    In my opinion, the biggest different between a flash app on a computer desktop vs a flash app on a mobile device is the scrolling behavior. 
    A flash app on a computer desktop usually has a scrollbar and you click on the up/down arrows or the scrollbar to scroll.  But on a mobile device, this scrolling is done with a swipe of the finger through the screen either horizontally or vertically.  
    Has anyone had any success implementing this scrolling behavior on a mobile device with a flash app?
    If so, what technique did you use?

    Dissipation, Can you possibly post your method of scrolling? For a comparison, i have been trying to get this scrolling to work for ages.
    I have this:
    var ease:int = 6
    var targX:int = dragMe.x
    var targY:int = dragMe.y
    var drag:Boolean = false
    var ptX:int
    var ptY:int
    dragMe.cacheAsBitmap = true;
    function down(sprite:Sprite):void{
        //ptX = sprite.x - mouseX
        ptY = sprite.y - mouseY
        drag = true
    function dragC(sprite:Sprite):void{
        if (drag) {
            //targX = mouseX+ptX;
            targY = mouseY+ptY;
            //trace ('targX ' +targX)
            //trace ('ptX ' +ptX)
        if (sprite.x != targX || sprite.y != targY) {
            //sprite.x += (targX-sprite.x)/ease;
            sprite.y += (targY-sprite.y)/ease;
    function up(sprite:Sprite):void {
        drag = false;
    stage.addEventListener(Event.ENTER_FRAME, dragHandler)
    stage.addEventListener(MouseEvent.MOUSE_DOWN, downHandler)
    stage.addEventListener(MouseEvent.MOUSE_UP, upHandler)
    function dragHandler(event:Event):void    { dragC(dragMe) }
    function upHandler(event:MouseEvent):void    { up(dragMe) }
    function downHandler(event:MouseEvent)
    This works fine, it scrolls with easing, but on the device its quite slow, i mean its not jumpy but once flicked it scrolls very slow. Even if i changed the variable: ease

  • Color space and preview mode for mobile devices?

    I want to create artwork that will be exported directly for mobile devices such as Androids and also that will be imported into Flash to create interactive content.
    1. Is sRGB the best workspace for mobile devices?
    2. I can use view > pixel preview to see what artwork will look like in a browser, though what about for a mobile device such as an Android?
    Thanks.

    anyone on this one?
    Thanks.

  • Why do I get an error message when I try to sync my IPAD with ITunes? Message reads Cannot be used because Apple Mobile Device Service has not been started.

    Why do I get an error message when I try to sync my IPAD with ITunes? Message reads Cannot be used because Apple Mobile Device Service has not been started.

    AMDS for Windows
    http://support.apple.com/kb/TS1567

Maybe you are looking for