HTML / css not responding in browsers

When in Safari or Chrome, specific buttons in specific webpages will not respond to any clicks.
For example:
http://www.mixcloud.com/corenewsuploads/huxley-bbc-radio-1-essential-mix-2014-11 -15/
When I am on this page, the "Mixcloud, Categories, Upgrade" buttons DO work. However, the "signup, login, more" buttons DO NOT work. Nor does "play, follow, share, add, repost" and "like" work either.
Second example:
http://baauer.redbull.com
This video will not play. I have seen it being played on other people's computers: it's not a broken link.
I have tried restarting my computer. Last time I checked, I have no user plugins installed.
Suggestions?
Macbook Pro Retina 15 inch late 2014
OSX Version 10.9.5 - 13F34

It's not responsive.  It's not optimized to work well in anything other than a desktop display.  iPhones and iPads use their built-in zoom out feature to make an ordinary web site "fit" in the display area which works well most of the time.  But it's not optimal.  The only way to make your site work well in all devices is to rebuild it with a Responsive Web Design approach.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
RESPONSIVE FRAMEWORKS
=======================
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap FREE extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Nancy O.

Similar Messages

  • RoboHelp HTML does not generate .chm file

    We have a large help system for F1 help with about 2,000 help
    topics in about 50 different Word .doc files. We had used RoboHelp
    for Word previously, but with the goal of generating a single .chm
    help file, we tried using RoboHelp HTML to change the Word .doc
    files to .htm files. RoboHelp HTML does this conversion and creates
    2,000 .htm files.
    When we try to generate the .chm file for the help system,
    RoboHelp for HTML does not respond and does not create the .chm
    file. Is RoboHelp HTML not capable of handling such a big help
    system? Are there any workarounds to generate the .chm file
    successfully?

    Peter, thanks for your input. Here's where we are. We opened
    RoboHelp HTML and converted the Word docs into .html files. Then we
    were able to generate the .chm file (it worked this time) using
    RoboHelp HTML. We have about 50 .gif images, and no external links.
    The actual number of HTML files with help topics is close to
    4,000 for this F1 field help in our application. Ideally, we would
    love to have a master project with sub-projects, but it doesn't
    appear as a practical alternative. The .hh file (for F1 field help)
    is generated from the application by the developer and given to us.
    In order to have a master project and slave projects, we
    would have to manually split that automatically-generated.hh file
    into individual .hh files, true? That means we would have to
    correlate which .html help topic file corresponds with which map id
    number, then chalk out how we want to divide the .html help topics
    into individual projects that correspond to their .hh files?
    This help system I inherited is 10 years old, and the
    resource time we would spend (if we chose to modularize this help
    system) would be gigantic in scope. If there is a simpler and
    efficient way to modularize our F1 help system, I would love to
    hear about it!

  • UIScrollBar not responding to mousewheel in browsers

    Hi Folks,
    I have a small issue where several different UI scroll bar components targeting their respective text fields are not responding to the mouse wheel in any browser. When i ctrl + enter and test in standalone it works just fine. In browsers, I can manually click the scroll bar and the text will move accordingly, but when I use the mouse wheel it only scrolls the site, not the text.
    Is this a common issue? Perhaps a browser setting or do i need to add mouse wheel listeners specifically to each text field?
    The URL in question is www.aloha-test.blueleafss.com specifically in the "Links" section.
    Thank you for any help and suggestions!
    Ken

    My Main thread is blocking some where. I am not able to figure it out where the main thread is blocked?
    I am not getting , if it is blocked it is resuming its execution after some time.
    So, how can i check where my main thread is blocked ?
    what could be the reason behind blocking main thread ?
    Thanks.

  • Blend for Visual Studio's HTML/CSS WYSIWYG editor only usable for Windows 8 apps, NOT for web apps?

    Hi there,
    In the process of learning Visual Studio (VS) and ASP.NET, I initially thought that I could use Blend for VS's seemingly great HTML/CSS WYSIWYG editor to visually design the HTML pages and CSS for a web app developped with VS, whether it be with ASP.NET MVC
    or Django (using Python Tools for Visual Studio).
    But now it dawned on me that Blend for VS seems to only be meant to design HTML/CSS for native Windows
    8 apps, and not
    web apps.
    Can someone confirm that this is indeed the case?
    Thanks a lot in advance for clarifying this point for me.
    PS: Maybe this a dumb newbie question, but from the outside, it seems rather counter-intuitive to offer a top-notch tool for web
    standards (HTML/CSS) edition (Blend for VS), all integrated with a top-notch tool for web development (VS) but prohibiting the web developer community to leverage the productivity gains of both
    the former and the integration. This is especially puzzling given that the latest components of the ASP framework (MVC, SPA projects):
    - Pushes for reliance on HTML elements and CSS instead of ASP elements and Skin files;
    - VS apparently also does not provide a visual design page view for ASP.MVC projects, which is sure to make many development teams wary of migrating from web forms to MVC.

    I believe this the case, but I'm not familiar with asp.net development. As you point out: html is html so you can edit and copy the code. That said, the Windows Store apps forums are specifically about writing Windows Store apps. For discussion
    of writing ASp.net apps and the best tools to use for that please post in the asp.net development forums on
    http://asp.net.
    --Rob

  • CSS Issues , HTML text not rendering properly

    I've loaded and parsed some xhtml in my DataManager class that is validated against the W3C strict dtd.I'm pushing certian bits of this into public arrays in my DataManager. My ContentManager, calls to the DataManager, and is returned a corresponding data set ,  instantiates a new GenericSection , and passes in the array as an argument in the constructor.
    var targetData : Array = new Array();
    targetData = DataManager.getInstance().returnAboutData();
    var targ : String = targetData[0].toString();
    var targFormat : String = targ.slice( ( targ.indexOf( '">' , 0 ) + 2 ) , ( targ.lastIndexOf( '/p>' , 0 ) - 3 ) );
    var newSection : GenericContent = new GenericContent( targFormat );                   
    newSection.publicId = ind;
    contentContainer.addChild( newSection );
    The output of formatTarg is :
    The purpose of this site is to serve as an online portfolio and work reference. I am a 28 year old WEB/INTERACTIVE developer who has worked in the Los Angeles and Greater Orlando areas since 2004. I specialize in
      <span class="bulletText">ADOBE FLASH</span>
      <span class="bulletText">FLASH ANIMATION</span>
      <span class="bulletText">ACTIONSCRIPT 2.0/3.0</span>
      , and
      <span class="bulletText">ACTIONSCRIPT PROJECTS IN FLEX</span>
      . The client links listed above will provide several examples of media that I developed for the web. Please select the ACTIVE TEXT to the right of the PROJECT LINK heading in each section , if available ,  to view the site.
    My GenericContent class i linked to a movieclip in the library , with one dynamic textfield, with the following settings :
    instanceName : sectionText;
    anti-aliasing : for readability;
    embed : uppercase , lowercase , numerals , and puncutation
    behavior : muliline
    render as html : selected( true );
    sectionText is declared as a public var in the GenericContent instance.
    I have tried applying styles as such :
    private var css                    :            StyleSheet;
    private var cssDeclarations            :            String;
    css = new StyleSheet();
    var bulletText : Object = new Object(); 
    bulletText .fontSize = 20; 
    bulletText .fontWeight = "bold"; 
    bulletText .color = "#336699"; 
    bulletText .leading = 12;
    css.setStyle( ".bulletText ", bulletText  );
    sectionText.wordWrap = true;
    sectionText.embedFonts = true;
    sectionText.styleSheet = css;
    sectionText.htmlText = contentText;
    and
    css = new StyleSheet();
    cssDeclarations = ".bulletText{font-size:12px;color:#FFFF00"};
    css.parseCSS(cssDeclarations);
    sectionText.wordWrap = true;
    sectionText.embedFonts = true;
    sectionText.styleSheet = css;
    sectionText.htmlText = contentText;
    The html is not being rendered properly , the tags themselves do not show up , but no style is being applied. Any ideas , or perhaps a better approach ? thanks !

    Upon further investigation i figured out what was wrong.
    This property :
    bulletText .fontWeight = "bold";
    was causing my text to not render because bold character weren't used within the symbol associated with the class. By removing that and cleaning up the code a bit ,
    var span : Object = new Object(); 
    span.fontSize = 12; 
    span.color = "#336699";
    css = new StyleSheet();
    css.setStyle( ".bulletText", span );
    sectionText.styleSheet = css;           
    sectionText.htmlText = contentText;
    it rendered semi correctly , except with erronious line breaks , the solution for that was to , remove any instances of "/n" from the contentText string before setting the sectionText , done like this :
    var pattern : RegExp = /\n/g;
    contentText = contentText.replace( pattern , "" );
    now it looks great !

  • Dimension Filter is not responding in Chrome after CSS code applied

    Hi Everyone,
    In SAP Design Studio 1.4 Sp02 I have Dimension Filter which is working good in both IE and Chrome. It is getting regular default font as header in filter and when we select any value for the filter, we need it with bigger font and bold, so I wrote CSS code as below and applied it to my dashboard. After CSS code that dimension filter is working as before only in IE and it is not responding in Chrome. Please see the below code and suggest the changes or extra code if I need to add to this to work in Chrome also.
    .sapzenfilterpanel-Container, 
    .sapzenfilterpanel-Container .sapUiBorderLayoutTop, 
    .sapzenfilterpanel-Container .sapUiBorderLayoutTop, 
    .sapzenfilterpanel-HeaderText, 
    .sapzenfilterpanel-HeaderText.sapUiTv, 
    .sapzenfilterpanel-HeadLine, 
    .sapzenfilterpanel-Container .sapUiRrRow .sapzenfilterpanel-RowRepeaterRow div 
      font-size: 14px !important; 
      color: black !important;
      font-weight: bold;
      background-image: 
        linear-gradient(
        box-shadow: none;
                   color: blue;  
      top: 1px !important; 
      bottom: 1px !important; 
      align-items: flex-end !important; 
    Thanks,
    AP

    Hi,
    I have tried the following  please tell me whether this is what you expecting
    I have create 4 filter with name filter1,filter2,filter3 and filter 4. Then a radio button and in onselect of the radio button, i have given the following script
    var a=RADIOBUTTONGROUP_1.getSelectedText();
    if(a=="1"){
      FILTER1.setVisible(true);
      FILTER2.setVisible(false);
      FILTER3.setVisible(false);
      FILTER4.setVisible(false);
    if(a=="2"){
      FILTER2.setVisible(true);
      FILTER1.setVisible(false);
      FILTER3.setVisible(false);
      FILTER4.setVisible(false);
    if(a=="3"){
      FILTER3.setVisible(true);
      FILTER1.setVisible(false);
      FILTER2.setVisible(false);
      FILTER4.setVisible(false);
    if(a=="4"){
      FILTER4.setVisible(true);
      FILTER1.setVisible(false);
      FILTER2.setVisible(false);
      FILTER3.setVisible(false);
    Output:
    value 1:
    value 2:
    value 3:
    value 4:
    This working on chrome well.
    Thanks,
    Nithyanandam

  • HTML Not Responding

    When I move a folder (re-organize) - the system is not
    responding - it has been hanging over 45 minutes? Can anyone help?
    Do I shut it down?

    Hi leslieann8 and welcome to the RH community.
    Can I assume you are trying to move the folder inside RH
    (good) and not from outside in Windows Explorer (bad). Either way,
    can you provide us with some more information (e.g. RH version, RH
    for Word/HTML). Is there a large number of topics in the folder?
    Lots of images, links, etc. in the topics? Is the project on a
    local drive (good) or network drive (bad)?

  • How do I make Firefox stop crashing and giving "not responding" messages. I don't want to reset it because I've got lots of extensions. Other browsers work fine

    Every few minutes it gives me a "not responding" message and/or it crashes. I've checked all my add-ons, they're all updated. I've tried accessing the same websites that crash on Firefox with other browsers and it works really well. I don't want to reset it as one of the troubleshooting solutions suggest because I'd rather change to another browser than having to re-install all my add-ons. Please, is there anything that can be done to fix this?

    Hello,
    '''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
    ''(If you're not using it, switch to the Default theme.)''
    * You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
    * Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
    ''Once you get the pop-up, just select "'Start in Safe Mode"''
    '''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
    ''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
    Also try to disable hardware acceleration. Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
    You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
    Then perform these steps:
    *Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
    *In the Firefox options window click the ''Advanced'' tab, then select "General".
    *In the settings list, you should find the ''Use hardware acceleration when available'' checkbox. Uncheck this checkbox.
    *Now, restart Firefox and see if the problems persist.
    Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
    * [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]
    * [[Upgrade your graphics drivers to use hardware acceleration and WebGL]]
    Did this fix your problems? Please report back to us!
    Thank you.

  • Robohelp HTML Not Compiling and not responding

    I have several HTML help files that I have made and are in
    the midst of editing. Once I have edited them, Robohelp will not
    compile again. It states that the file has been genertated but when
    I select "View Result" it can't find it.
    I have found some files joining together and some corrupted.
    Also Robo help is taking a very long time to open and save. I just
    finished a brand new help file and when I pressed "Save" 15 minutes
    ago, it is still reading the file.
    The more help files I do, the slower it gets and quits
    responding.
    What Can I do to fix this?

    I am having a similar problem. However, my circumstances are
    somewhat different.
    1) I am able to save and compile the project. However, each
    time that I save a topic, I can wait up to a minute or more for the
    process to complete.
    2) My project size is currently 113 MB (It will certainly be
    double or triple this size before I'm done.)
    2) I do have .CPD files...two of them, in fact. One dates
    from the point I initiated the project (or soon thereafter). The
    other is dated as of today with a time as of a recent save.
    3) When I see the Not Responding display at the top of the
    screen, I find that right clicking up to three times while waiting
    15-60 seconds between clicks seems to push the process along.
    4) My project path is C:\Program Files\RoboHelp
    Office\RoboHTML\Javalina Online Help (CS)
    5) IT tells me that I have one of the more recently purchased
    PCs in the office. My employer is a software design firm, so I
    imagine that the problem wouldn't be hardware related.
    I, too, would appreciate any tips you might have to offer.

  • My MacBook not responding with all browsers and some applications!!!

    Hi !!!
    First sorry my english...
    My apple not respond i i need force to quiet... (Safari, firefox, chrome, some applications like players)
    I a few days my mac don't works like before i try to use chrome safari fireworks and is always the same in youtube or any website with flash content, and some applications too the same problem not respond, i was unistall and reinstall a lot o softwares i use clean app to remove the app complete and reinstall but don't works ... What i do? whatis this? My mac is all updated i use all lastest versions ... I don't understand why... Somebody can help me...
    Thank you for all news...
    bye!

    Hi,
    Click once on the hard drive icon. Then hold down the  key and tap i (  + i ).
    Capacity XX
    Available XX
    Used XX
    Post back with your values of XX.
    Regards.
    Ian.

  • How can I go back to Firefox 5, the 6 update is terrible, constantly get 'not responding' when navigating.

    I want to know if I can go back to Firefox vs 5 until vs 7 comes out? I am constantly getting 'not responding' from the browser when navigating through tabs and sites. (ie. if on say facebook, after maybe writing a comment or viewing a picture, I'll click on a second picture or other comment and I have to wait for the browser to 'respond'. This happens on multiple sites and multiple tabs.
    I thought it was my internet connection at first but after trying Chrome and explorer browsers I do not have this issue.
    It is really irritating and annoying. I did not have this issue with vs 5.

    Have you tried the steps at [http://www.roboform.com/support/faq/roboform-v7#faq_firefox http://www.roboform.com/support/faq/roboform-v7#faq_firefox] ?
    Firefox 5 is not recommended for security reasons, but if you don't want 6.0 you can try 3.6.x: [http://www.mozilla.org/en-US/firefox/all-older.html]

  • Png files referenced in css not displaying in Chrome & Firefox after after PUT

    I'm new to dreamweaver but I've got a techy / software background so feel free to speak geek.
    I've been tasked to create a simple splash screen for an existing intrenal website for my company.
    I've been able to put page together in DW and sucessfully preview in Chrome, Firefox, & IE.  After I PUT files on the webserver (under an existing virtual directory in IIS) I'm bumping into a problem where I'm not able to see a the three png files I've got embedded into the .css sytle sheet fro the header, container, and footer sections.  Here's a look at the html & css for the page.  Any recommendations on how I could code this better or fix the problem?  Your help will be very much appreciated.
    The site was originally built off a template so the comments in the .css are from the original author of the template.
    <!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>Untitled Document</title>
    <link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
              background-color: #000;
              background-image: url(/CognosSplashScreen/bg.jpg);
              background-repeat: no-repeat;
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header">IBM Cognos - Enterprise Business Portal (EBP)</div>
      <div class="content">
        <h1><img src="/CognosSplashScreen/Wrench Sprocket.png" width="215" height="164" align="left" />EBP is offline</h1>
        <p>The IBM Cognos EBP has been taken offline for scheduled maintenance. Services will be restored on Wednesday, May the 2nd at 7:00 AM.    </p>
        <h3>Maintenance Details</h3>
        <p>We're currently in the process of upgrading from IBM Cognos BI version 8.3 to the most current 10.1.1. To take a look at some of the new features you'll experinece we've put together a brief overview you can download by <a href="#">clicking here</a>.</p>
        <p>10.1.1 training is available to for all users. Take a look at the list of available courses get yourself, your team, or department enrolled in a class today.    <!-- end .content --></p>
      </div>
      <div class="footer">
        <p> </p>
        <!-- end .footer --></div>
      <!-- end .container --></div>
    </body>
    </html>
    Here's the .css
    @charset "utf-8";
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              background: #42413C;
              margin: 0;
              padding: 0;
              color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
              padding: 0;
              margin: 0;
    h1, h2, h3, h4, h5, h6, p {
              margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
              padding-right: 45px;
              padding-left: 45px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
              border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
              color: #42413C;
              text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
              color: #6E6C64;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~ this fixed width container surrounds the other divs ~~ */
    .container {
              width: 980px;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
              background-image: url(/CognosSplashScreen/PageBodyLight_02.png);
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
              background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
              padding-top: 57px;
              color: #CCC;
              font-weight: bold;
              padding-left: 97px;
              padding-bottom: 30px;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
              padding: 10px 0;
    /* ~~ The footer ~~ */
    .footer {
              background-image: url(/CognosSplashScreen/footer_02.png);
              padding-top: 5px;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
              float: left;
              margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;

    CSS for images coded on the Web page itself is pathed relative to that Web page. CSS for images used by the external CSS file is pathed relative to the CSS file location.
    If this is the link to the css file from the Web page... go to "CognosSplashScreen" subfolder and get the "oneColFixCtrHdr.css"
    <link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
    .... and you don't need the leading "/" by the way.
    then relative to that css file, which is already in the "CognosSplashScreen" subfolder, the path to the "HeaderBubbles_02.png" is just
    background-image: url(HeaderBubbles_02.png);
    not:
    background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
    and so forth for other image paths.
    Best wishes,
    Adninjastrator

  • Keep getting "not responding" error message as DW hangs

    I have had the following problem consistently used DW 12.1, as well as the version that was with CS 5.5. And I am almost sure it has something to do with the html or other code on my pages, but I thought a DW guru might help.
    Basics First: DW 12.1 with the subscription. 64 bit Window 7.
    Files that I am editing will periodically freeze, and then I get the "not responding" message above the menu bar. It freezes for 10 to 30 seconds (IT FEELS LIKE 10 TO 30 HOURS) and then starts working again.
    Of course it only seems to happen when I'm on a roll making many duplicate mundane edits and then BOOM... can't do anything except shoot laser eye daggers at the screen and try to prevent myself from hyperventilating.
    Here's the thing. I work on many sites; and this generally only happens on the site of my main client. I work off o local copies of the site, but I inherited them and they are massively full of bloat code, scripts, etc. I would not be surprised in the least if DW is trying to run or access some of this and this is the cause.
    I turned off the "Display external files" option; are there other options I should try? It really is the absolute most annoying thing in my life right now (we should all be so lucky) and I'm hoping you might have a way to fix it.
    I'd be happy to post code, but this page is a typical example where I might get the error 10 times in a 30 minutes while working on it...
    http://www.healthfirst.com/acls-kit.html
    Thanks!

    Retard, (I know that sounds hilarious, but I don't know your name - no offense please! )
    Like you said, if this happens only primarily on one of the many sites, it generally comes down to the type of code on that site.
    And after looking at the URL you posted, seems like that page uses a lot of external references - JS and CSS.
    Especially the last few lines:
    <script type="text/javascript" src="http://njcdn.worldsecuresystems.com/CatalystScripts/Java_OnlineShopping.js?vs=b1763.r38875 7"></script>
    <script type="text/javascript" src="http://njcdn.worldsecuresystems.com/CatalystScripts/Java_Cookies.js?vs=b1763.r388757"></script>
    <script type="text/javascript" src="http://njcdn.worldsecuresystems.com/CatalystScripts/Java_Box.js?vs=b1763.r388757"></script>
    Also, a couple CSS, JS references in the <head> section.
    'Display External Files' only disables showing external files - but still loads them.
    Can you try removing the external references and try working with the webpage in DW for a few minutes to see if the same problem persists? If it does, we know what was causing your issue.
    Also, run your site through W3 validator to check and resolve errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.healthfirst.com%2Facls-kit.html&charset =%28detect+automatically%29&doctype=Inline&group=0
    Let us know how it goes.
    Good luck.
    -ST

  • Images and image maps do not respond to events on Safari

    Hello everyone,
    We have been experiencing issues with events not responding to images associated with image maps, on Safari browser. After the DOM is loaded with new image and corresponding image maps, events such as mouseover and click observing this divs do not respond or get triggered. DOM seems to be updated correctly but behaves differently (and it works correctly in all other browsers except Safari).
    This behaviour is only noticed in Safari browser running both on Windows and Mac. (Tested on Safari Version 3.1.1 on running on Windows and Mac)
    For you all to have a closer look at this issue, I have created a sample that has this problem, similar to one we experienced during one of our recent projects. Please click on the link below to get to the sample (I recommend you to try this either in Firefox or IE before you do on Safari)
    http://www.hivegroup.com/safari/test.html
    (In the above sample,
    - the javascript code initializes the DOM with image and image map
    - assigns two event listeners to the div containing this image and image map
    - when mouse pointer brought over the image, it shows the area id in the 'mobox' div
    - when clicked, DOM is updated with a new image and new corresponding image map, assigns new event listeners and should continue with the same kinda behaviour it did for the first image (but doesn't in Safari browser))
    All inputs on this issue are welcome and greatly appreciated.
    Thanking you in advance.
    Regards,
    Shashi.

    Let me explain what the pink area is. Like the first image that contains two white boxes, the pink area (as you call it) is a new image (containing four pink areas or boxes having an area id denoted to each) that imgDiv occupies after the 'click' event occurs.
    Yep, i gathered that from seeing it work on firefox...
    The point that I'm trying to make here is, there shouldn't be any difference in behaviour when imgDiv holds first image (two white boxes) or the second image (four pink boxes) that you get after we click on image or the third image (containing 6 boxes, multiple colors) which you won't be able to reach in safari browser.
    well... I can reach them, but only via the blue space.
    . We'll notice change in the red box displaying target id only when we mouse over a new area that is not currently being displayed in the red box.
    except in webkit for safari 2, where thered bpx content sticks at whatever it was when the first image was clicked, unless mouse is moved to the 'all area', and then it sticks on imgdiv.
    I completely understand what you see in safari 2. But are you saying there's some error in my script ? If so could you please point out and justify.
    I dunno Shashi, just pointing out the errors that Safari 2 reports when I view your test page, in the hope it might help. I know little of javascript

  • HTML/CSS match to InDesign layout

    Hello,
    I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
    When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
    Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
    Please help!!!

    Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
    HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
    " ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
    Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
    ligatures
    alternate characters
    real small capitals
    tabular or oldstyle figures
    .. wait -- better switch off *all* OTF features
    Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
    Language based hyphenation.
    Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
    Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
    ~16 decimals of precision for every object, line width, text size, spacing, et cetera
    any real-world based measurement unit.
    I probably forgot a few too.
    --- add.
    Advanced character/class kerning
    Optical kerning (not enabled by default)
    -- add2.
    Balance Ragged Lines (off by default; but you can't use it)
    Optical Margin Alignment (as above)
    Align to Baseline grid
    last line indent
    Align to spine
    justify last line (can only be achieved with span/div tricks)
    tabs
    about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
    live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
    skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
    [*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
    Message was edited by: [Jongware]
    Message was edited by: [Jongware]

Maybe you are looking for