HTML5 Audio doesn't look right in IE

Can someone explain why the audio player expands beyond the margins of the column in IE? It looks perfectly fine in every other browser. Is there a fix for this?
http://kathryn.toscawebsdesign.com/sound.htm

Unbalanced tags and re-using IDs will throw things off in some browsers.  IDs can be used only one time per page.  Class names can be used as often as needed. 
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fkathryn.toscawebdesign.com%2Fsoun d.htm
Nancy O.

Similar Messages

  • I have manipulated a photo using layers etc and then flattened it and saved it under a new name.  When I use 'Preview' (mac) to view the finished photo it doesn't look right.  It's as the layers have not flattened correctly.  When viewed in Elements 12 it

    I have manipulated a photo using layers etc and then flattened it and saved it under a new name.  When I use 'Preview' (mac) to view the finished photo it doesn't look right.  It's as the layers have not flattened correctly.  When viewed in Elements 12 it looks OK.  The photo looks incorrect in other software such as photo books.
    Looking at the same photo before flattening, what is being shown is only the top layer.
    How do I correct this?

    STEVEN1A wrote:
    I have manipulated a photo using layers etc and then flattened it and saved it under a new name.  When I use 'Preview' (mac) to view the finished photo it doesn't look right.  It's as the layers have not flattened correctly.  When viewed in Elements 12 it looks OK.  The photo looks incorrect in other software such as photo books.
    Looking at the same photo before flattening, what is being shown is only the top layer.
    How do I correct this?
    The top layer is indeed the one that is visible, unless there is/are area(s) of translucency on that layer, so that you can visualize a portion of the subjacent layer.
      the finished photo it doesn't look right.  It's as the layers have not flattened correctly. 
    Are your settings targeted to have the printer manage colors, or, to have PSE manage colors?

  • Html5 audio doesn't work for mp3s.

    I can't seem to get tag <audio> working with mp3s on my system(FF 24, Win 7 x64). I tried some wav files, those work ok. But whenever i try to play mp3 file, the html5 player just flashes for a few milliseconds and then disappears. So, is there a bitrate limitation (or any other limitation) for html5 audio tag on mp3s?
    Here's an example of code and one of the mp3 files I am trying to use - http://dindo.wz.cz/jukebox.html .
    (file http://dindo.wz.cz/Galaxy32Star4.mp3 )
    The console (ctrl+shift+k) gives these errors (rough translation):
    [14:07:48.861] Type HTTP "Content-Type" "audio/mpeg" is not supported. Loading of media http://dindo.wz.cz/Galaxy32Star4.mp3 has failed. @ http://dindo.wz.cz/jukebox.html
    [14:07:48.862] Couldn't load any of candidate sources. Loading of media was suspended. @ http://dindo.wz.cz/jukebox.html
    p.s: Even the w3c example doesn't work when i remove the ogg source. (http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all).

    can you replicate the issue, when you create a new profile for testing purposes?: [[Use the Profile Manager to create and remove Firefox profiles]]

  • Website created in Dreamweaver CS4 doesn't look right in CS6

    I used to have an old version of Dreamweaver (CS4 I think) and my laptop got taken out by a lightening strike.  I have had to purchase Dreamweaver CS6 and I have loaded up my website (files recovered from hard drive) but the pages don't look right - wrong colours, wrong font, text missing, buttons not displayed properly etc.  any help gratefully received!

    Are you sure site files on your hard drive were not damaged by the electrical surge?
    Can you GET replacement files from your remote server?
    Nancy O.

  • Audio doesn't play right in transitions

    So I have 2 clips that i'm trying to put an overlap in between.It inserts fine, but when i play it the audio in the transition is the audio from a clip that's at the beginning of the video. Every transition is like this and I have no clue what to do, suggestions?
    Macbook Pro   Mac OS X (10.4.9)  

    "..ANy idea what's causing this?.."
    Yes, it's reading the audio from a "cache" ..a bit of memory where it's stored what it played previously. Same as when you preview a transition: it uses its memory cache to give an idea of what the transition will look like between clips. One or more of the clips which it uses in the 'preview' may be different from the clips which you're intending to apply the transition to.
    Tides are caused by the proximity of the moon and sun to the earth. It's a glitch. The Supreme Being inadvertently forgot to keep the moon and sun at right angles to each other ..a programming error.
    Don't worry; it'll be corrected in the next version of the Universe. (Except that water may be accidentally reformulated as H2O2.)

  • Aspect Ratio settings -4:3 video doesn't look right on a 16:9 set

    Hello- I'm importing old vhs tape via a Canopus 300 into Final Cut Studio then exporting through Quick Time Movie and burning a DVD in iDVD. The problem ocours when I view the DVD on my 16:9 set- video looks to be the wrong size....for example graphics that were within the frame boundaries on the original tape display off the corners of the screen when viewed on the DVD.
    Here are my settings:
    Final Cut:
    Sequence preset - DV NTSC 48 khz
    Capture Preset - DV NTSC 48 khz
    Device Control - non controllable device
    video Playback - Apple firewire ntsc 720x480
    audio playback - default
    In iDVD I have the project aspect ratio set to 4 : 3
    Am I missing something somewhere to preserve the original 4:3 aspect to display properly on 16:9 sets?

    Thanks Shane. Tried that on my set, was able to set to normal when viewing off-air picture, but when switching inputs to te dvd player the side bars are gone. Fiddled with the dvd player settings, set it for 4:3 output and I get a letterbox frame but at least the graphics are on screen. Looks like the stretch setting you spoke of.
    Regarding Final Cut settings, in capture preset the setting DV NTSC 48 has a default of 3:2 aspect ratio. I see I can edit and change it to NTSC 4:3. Do you think it should be 4:3?

  • Site doesn't look right after being published

    I'm a website newbie, and I think I have bitten off more than I can chew. Designed my site, published it, used websafe fonts all the links worked. Look great in Safari on my computer. Then I tried to check it out on the PC with IE... yikes!! So I did some research and saw that's a common IE problem, so tried to view it in Firefox on the PC, looked worse. So I downloaded Safari for the PC... same problem, it looked terrible- text boxes were shifted, flash was coming to the front and covering links, you could see the bounding boxes on some of the pics. eeeeekkkk.
    here's the URL if anyone wants a good laugh!!
    www.rrcaninesuites.com
    Thanks!
    - Kath

    The site looks OK -- actually quite impressive for what appears to be a from-scratch design.
    In Opera 10 under Snow Leopard 10.6.1, the design doesn't start to explode until the horizontally scrolling marquee comes across. I would strongly recommend just removing that marquee; it is an extremely outdated element of web design. If you do that, the design shouldn't blow up on you in other browsers.

  • JMenuItem and JTextField doesn't look right after upgrading to Java 8

    I just upgraded to JDK 8u25
    I have a legacy Swing application, which makes use of JMenuItem and JTextField
    I realize, after upgrading, there is a bolder grey vertical border at the left side of JMenuItem and JTextField
    JMenuItem
    JTextField
    This only happen, if I were using look n feel com.sun.java.swing.plaf.windows.WindowsLookAndFeel
    Before that, I never have such problem. Anyone know is there any workaround for such problem?
    Here's the code example to demonstrate the problem.
    package javaapplication5;
    * @author yccheok
    public class NewJFrame extends javax.swing.JFrame {
         * Creates new form NewJFrame
        public NewJFrame() {
            initComponents();
         * This method is called from within the constructor to initialize the form.
         * WARNING: Do NOT modify this code. The content of this method is always
         * regenerated by the Form Editor.
        @SuppressWarnings("unchecked")
        // <editor-fold defaultstate="collapsed" desc="Generated Code">                         
        private void initComponents() {
            jTextField1 = new javax.swing.JTextField();
            jMenuBar1 = new javax.swing.JMenuBar();
            jMenu1 = new javax.swing.JMenu();
            jMenu2 = new javax.swing.JMenu();
            jMenuItem1 = new javax.swing.JMenuItem();
            setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
            jMenu1.setText("File");
            jMenuBar1.add(jMenu1);
            jMenu2.setText("Edit");
            jMenuItem1.setText("jMenuItem1");
            jMenu2.add(jMenuItem1);
            jMenuBar1.add(jMenu2);
            setJMenuBar(jMenuBar1);
            javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
            getContentPane().setLayout(layout);
            layout.setHorizontalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                    .addGap(21, 21, 21)
                    .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, 147, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addContainerGap(232, Short.MAX_VALUE))
            layout.setVerticalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                    .addGap(19, 19, 19)
                    .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, 30, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addContainerGap(230, Short.MAX_VALUE))
            pack();
        }// </editor-fold>                       
         * @param args the command line arguments
        public static void main(String args[]) {
            /* Set the Nimbus look and feel */
            //<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
            /* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
             * For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html
            try {
                for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
                    if ("Windows".equals(info.getName())) {
                        javax.swing.UIManager.setLookAndFeel(info.getClassName());
                        break;
            } catch (ClassNotFoundException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (InstantiationException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (IllegalAccessException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (javax.swing.UnsupportedLookAndFeelException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            //</editor-fold>
            /* Create and display the form */
            java.awt.EventQueue.invokeLater(new Runnable() {
                public void run() {
                    new NewJFrame().setVisible(true);
        // Variables declaration - do not modify                    
        private javax.swing.JMenu jMenu1;
        private javax.swing.JMenu jMenu2;
        private javax.swing.JMenuBar jMenuBar1;
        private javax.swing.JMenuItem jMenuItem1;
        private javax.swing.JTextField jTextField1;
        // End of variables declaration                  
            } catch (ClassNotFoundException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (InstantiationException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (IllegalAccessException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            } catch (javax.swing.UnsupportedLookAndFeelException ex) {
                java.util.logging.Logger.getLogger(NewJFrame.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
            //</editor-fold>
            /* Create and display the form */
            java.awt.EventQueue.invokeLater(new Runnable() {
                public void run() {
                    new NewJFrame().setVisible(true);
        // Variables declaration - do not modify                    
        private javax.swing.JMenu jMenu1;
        private javax.swing.JMenu jMenu2;
        private javax.swing.JMenuBar jMenuBar1;
        private javax.swing.JMenuItem jMenuItem1;
        private javax.swing.JTextField jTextField1;
        // End of variables declaration                  

    The site looks OK -- actually quite impressive for what appears to be a from-scratch design.
    In Opera 10 under Snow Leopard 10.6.1, the design doesn't start to explode until the horizontally scrolling marquee comes across. I would strongly recommend just removing that marquee; it is an extremely outdated element of web design. If you do that, the design shouldn't blow up on you in other browsers.

  • Screen doesn't look right, can someone look at my picture please?

    iMac, 24inch, 3.06Ghz, mid 2009 model
    Hi, I noticed this last night when i was watching a DVD, when ever the screen went dark a white 'spill' came especially about the edges. Is this normal or could it be a problem?
    The picture was taken in complete darkness with only the iMac providing the light. On the screen is a pure black background quickly made in photoshop.
    http://img138.imageshack.us/img138/6223/imacscreenblack.jpg
    Thank you

    I have uploaded a new screen picture taken under the exact same condition with the same camera and black image. As u will be able to tell, it has far more back light bleed, and the black is almost 10 shades lighter then it should be.
    I've had a good look at several other iMac's and pretty much all off them have a little back light bleed, but no way near this! When watching films at night the white bleed dramatically effects the quality of the movie. (This should not be the case, when I have seen cheap Dell Screen perform far better)
    Image link: http://img38.imageshack.us/img38/1103/imga0023.jpg

  • MacBook magsafe (power) port doesn't look right

    I'm coming to the realization that what I thought was a bad-power-adapter problem is actually something worse. About two months ago I replaced my previous power adapter (a MagSafe "T"-style) because I'd been having flakiness problems when trying to charge my MacBook (early 2008 13", model 4,1) -- it would sometimes refuse to recognize that the charger was plugged in (continuing to operate from battery while the indicator light on the end of the adapter stayed dark), and other times that indicator light would remain green, even with a mostly-drained battery, and the Battery Status in the menu would read "Battery Is Not Charging".
    Anyway, I replaced the adapter and am starting to have the same problems -- and I've tried other adapters too, that I know work, with the problem still recurring.  So I looked at the other end of the matter: my MacBook's power port.  And aha!  I see something odd. Looking not at the pin-sockets themselves but the large rectangular area around it, I see some grey stuff which at first I think is accumulated crud, causing contact problems because it's covering up the metal surface.  But after a little poking at it I realized it's not coming off easily... and hey, is that surface *supposed* to be metal?  A couple of image searches on google seems to show it should be grey colored, so maybe in fact that "crud" is actually all that's left of a partly worn-away coating! Maybe my problem is actually that that exposed metal is causing some kind of grounding problem?
    So I'm not sure what's going on.  Should I in fact get that grey stuff out of there? Should I leave it, and find a way to cover up the rest of the metal, like with electricians' tape?  Any advice is eagerly appreciated!
    Edited to add the photo I forgot the first time:
    Message was edited by: jimmosk

    Hi minimidgy,
    welcome to macbook forum.
    open your system preference > display and check if your resolution is the same as your brothers macbook, it goes also with the color depth (thousand or million) and refresh rate.
    You can click on Color tab and choose the same display profile as other macbook, or you can calibrate your lcd to match it by click on calibrate button and follow the instruction there.
    Good Luck.

  • Please help! Site doesn't look right in IE, but is good on all other browsers

    I can't figure out why MS Internet Explorer isn't displaying the main images on the front page correctly, is jumbling words on the back pages, and isn't displaying the "Share This" bar correctly. The site displays everything properly in Firefox, Chrome and Safari...argh! Hope someone has some insight...Thanks in advance for looking!
    http://getyoudry.com/index.html

    Change the first line from
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    which is invalid and sends IE in Quirks mode to
    <!DOCTYPE HTML>
    or
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • Imported PowerPoint Slide doesn't look right

    I read Captivate 3.0 help and learned it can't
    handle PowerPoint 2007 files, so I saved my PowerPoint slideshow to
    1997-2003 compatibility mode. One of the slides has tables with
    headings, and Captivate 3.0 does strange things when I import
    it--like change the font sizes of the headings and insert bullets
    into every box in the table. The result is unreadable and
    unfixable. This table took me a long time to make. Is there anyway
    possible for Captivate 3.0 to import it so that it looks the same
    way it does in PowerPoint? I know that to do something with themes
    in PowerPoint creates problems in Captivate, so you should know
    that I didn't use themes in creating this slideshow. Any help you
    can provide will be greatly appreciated.

    Hello Fikenhild,
    This might just be a limitation with the way the PPT
    importing engine currently works. I would recommend that you submit
    this as a bug using the
    Adobe
    Captivate Feature Request/Bug Report Form
    In order to capture the screen I would suggest that you
    record this using Adobe Captivate - using the steps I have outlined
    below:
    1. Open your MS PowerPoint file (I only have PowerPoint 2003)
    2. Chose Slide Show > Set up Slide Show...
    3. Choose the Show type Browsed by an individual window
    (disable the show scrollbar)
    4. Click OK.
    5. View the Show
    6. In Adobe Captivate choose Record or create a new project
    7. Select Custom size.
    8. Specify your project size
    9. Position your PowerPoint Show window within the recording
    area
    10. Capture your screens.
    HTH
    Regards - Mark

  • Placed PSD in Illustrator Doesn't Look Right

    Just need a little help on something I'm sure has an easy fix. I have an image I edited in Photoshop CS3 saved as a CMYK PSD file and it looks perfect in photoshop. When I place it into Illustrator CS, the color looks all wrong. The colors look darkend and redish. What am I missing? Thanks for the help!

    Bridge is your only option to synchronize the settings (apart from doing it manually in each app).
    You have to choose the settings that are appropriate for your job and your workflow. You might want to take a look at this: http://rufus.deuchler.net/2011/06/adobe-publishes-a-new-creative-suite-555-printing-guide. html

  • PLEASE HELP!!! I'm going nuts! Javascript problem when trying to load images on E-Bay auctions and My Space doesn't look right

    This is the second time I've been here for help and I have had to use IE for the past few weeks because I still have this problem. The images on E-Bay's individual auctions begin to load then stop, I believe it is a Javascript problem. I've already tried the troubleshooting tips for "images don't display" AND I have uninstalled/reinstalled Firefox to no avail. My Space doesn't seem to be displaying properly either, for example, if I want to change the color of a font in a message the boxes appear, but no color...please SOMEBODY HELP! Thank you!
    == URL of affected sites ==
    http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=230497781181&ssPageName=ADME:B:SS:US:1123

    Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
    If it does work in Safe-mode then disable all your extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    You can use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    You have to close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")
    You can also try "Reset all user preferences to Firefox defaults" on the [[Safe mode]] start window - See http://kb.mozillazine.org/Resetting_preferences

  • Firefox is very slow, doesn't look right and all history and bookmarks gone

    This happened just after I installed a proprietary software that I needed for work.
    When I launched Firefox afterwards, I realized that all of my bookmarks and history was gone. The websites were loading very slow. My Firefox sync configuration settings were gone.
    Also, when I search Google and put the cursor over the links that appear, the cursor usually turns to a hand symbol. Now it turns to a text cursor (like an I). The links are usually colored blue, but now they are colored black.
    I'm using Chromium instead of Firefox now, and it appears to be working OK.
    Tried disabling all the addons. Didn't work. Then uninstalled and re-installed Firefox. No luck. Uninstalled Firefox, deleted all folders containing "firefox" as part of the name in "/usr/lib", and re-installed Firefox. Didn't work.
    Maybe the proprietary software that I installed altered the user permissions to some folder so Firefox is not able so access them? I don't know. If you have any ideas let me know.
    I would really like to get Firefox working properly again, because I'm so used to it, and use addons like Zotero. Also, I have Windows in dual boot, and I have Firefox running there, and everything I do there was synced to Firefox in Ubuntu. But not anymore :(.
    Thanks.

    This happened just after I installed a proprietary software that I needed for work.
    When I launched Firefox afterwards, I realized that all of my bookmarks and history was gone. The websites were loading very slow. My Firefox sync configuration settings were gone.
    Also, when I search Google and put the cursor over the links that appear, the cursor usually turns to a hand symbol. Now it turns to a text cursor (like an I). The links are usually colored blue, but now they are colored black.
    I'm using Chromium instead of Firefox now, and it appears to be working OK.
    Tried disabling all the addons. Didn't work. Then uninstalled and re-installed Firefox. No luck. Uninstalled Firefox, deleted all folders containing "firefox" as part of the name in "/usr/lib", and re-installed Firefox. Didn't work.
    Maybe the proprietary software that I installed altered the user permissions to some folder so Firefox is not able so access them? I don't know. If you have any ideas let me know.
    I would really like to get Firefox working properly again, because I'm so used to it, and use addons like Zotero. Also, I have Windows in dual boot, and I have Firefox running there, and everything I do there was synced to Firefox in Ubuntu. But not anymore :(.
    Thanks.

Maybe you are looking for