Loading ...
Sorry, an error occurred while loading the content.

Overlay a tag not clickable in IE6

Expand Messages
  • ian_percival
    I am using Yahoo overlay to put some text to the screen over an image. The text contains 2 links... neither of them are clickable in IE6 but they both work in
    Message 1 of 3 , May 7 2:04 PM
    • 0 Attachment
      I am using Yahoo overlay to put some text to the screen over an image.

      The text contains 2 links... neither of them are clickable in IE6 but
      they both work in IE7 and FF.

      Any insight as to what I can do to get it working in IE6?

      **********SOURCE*************

      <link rel="stylesheet" type="text/css"
      href="http://yui.yahooapis.com/2.2.2/build/container/assets/container.css">
      <link rel="stylesheet" type="text/css" href="/css/entry.css">

      <!-- Dependencies -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>

      <!-- Source file -->
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.2.2/build/container/container_core-min.js"></script>

      <script language="javascript">
      function do_overlay() {
      var mainOverlay = new YAHOO.widget.Overlay("mainOverlay");
      mainOverlay.cfg.setProperty("xy", [325, 50]);

      var sencondaryOverlay = new YAHOO.widget.Overlay("sencondaryOverlay");
      sencondaryOverlay.cfg.setProperty("xy", [650, 0]);
      }
      </script>


      <div id="mainOverlay" style="height: 800px; width: 400px;">
      <div style="align: center;"><img src="/images/rigpig_title.gif"></div>

      <div style="font-size: 8pt; padding-top: 10px; padding-bottom: 15px;
      color: #ffffff;">
      This website contains Adult content and nudity.
      By clicking to enter this site you agree that you are
      legally able to view this type of content.
      </div>

      <div style="float: left;"><a href="/home.php">Enter Website</a></div>
      <div style="float: right;"><a href="about:blank">Leave Website</a></div>

      </div>
      </div>

      <div id="sencondaryOverlay">
      <div style="font-size: 8pt; color: #ffffff;">
      <span style="font-weight: bold;">The ...... now has new </span>
      <span style="font-weight: bold; font-size: 14pt;">extended dancer
      hours!</span><br><br>
      <table style="color: #ffffff;">
      <tr>

      <td>
      MONDAY - THURSDAY
      </td>
      <td>
      12:05 PM - 12:15 AM
      </td>
      </tr>
      <tr>
      <td>
      FRIDAY
      </td>

      <td>
      12:05 PM - 12:45 AM
      </td>
      </tr>
      <tr>
      <td>
      SATURDAY
      </td>
      <td>
      12:30 PM - 11:15 PM
      </td>

      </tr>
      </table>
      </div>
      </div>
    • ian_percival
      Can anyone help me on this? ... href= http://yui.yahooapis.com/2.2.2/build/container/assets/container.css ...
      Message 2 of 3 , May 8 7:21 AM
      • 0 Attachment
        Can anyone help me on this?


        --- In ydn-javascript@yahoogroups.com, "ian_percival"
        <ian_percival@...> wrote:
        >
        > I am using Yahoo overlay to put some text to the screen over an image.
        >
        > The text contains 2 links... neither of them are clickable in IE6 but
        > they both work in IE7 and FF.
        >
        > Any insight as to what I can do to get it working in IE6?
        >
        > **********SOURCE*************
        >
        > <link rel="stylesheet" type="text/css"
        >
        href="http://yui.yahooapis.com/2.2.2/build/container/assets/container.css">
        > <link rel="stylesheet" type="text/css" href="/css/entry.css">
        >
        > <!-- Dependencies -->
        > <script type="text/javascript"
        >
        src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
        >
        > <!-- Source file -->
        > <script type="text/javascript"
        >
        src="http://yui.yahooapis.com/2.2.2/build/container/container_core-min.js"></script>
        >
        > <script language="javascript">
        > function do_overlay() {
        > var mainOverlay = new YAHOO.widget.Overlay("mainOverlay");
        > mainOverlay.cfg.setProperty("xy", [325, 50]);
        >
        > var sencondaryOverlay = new
        YAHOO.widget.Overlay("sencondaryOverlay");
        > sencondaryOverlay.cfg.setProperty("xy", [650, 0]);
        > }
        > </script>
        >
        >
        > <div id="mainOverlay" style="height: 800px; width: 400px;">
        > <div style="align: center;"><img src="/images/rigpig_title.gif"></div>
        >
        > <div style="font-size: 8pt; padding-top: 10px; padding-bottom: 15px;
        > color: #ffffff;">
        > This website contains Adult content and nudity.
        > By clicking to enter this site you agree that you are
        > legally able to view this type of content.
        > </div>
        >
        > <div style="float: left;"><a href="/home.php">Enter Website</a></div>
        > <div style="float: right;"><a href="about:blank">Leave
        Website</a></div>
        >
        > </div>
        > </div>
        >
        > <div id="sencondaryOverlay">
        > <div style="font-size: 8pt; color: #ffffff;">
        > <span style="font-weight: bold;">The ...... now has new </span>
        > <span style="font-weight: bold; font-size: 14pt;">extended dancer
        > hours!</span><br><br>
        > <table style="color: #ffffff;">
        > <tr>
        >
        > <td>
        > MONDAY - THURSDAY
        > </td>
        > <td>
        > 12:05 PM - 12:15 AM
        > </td>
        > </tr>
        > <tr>
        > <td>
        > FRIDAY
        > </td>
        >
        > <td>
        > 12:05 PM - 12:45 AM
        > </td>
        > </tr>
        > <tr>
        > <td>
        > SATURDAY
        > </td>
        > <td>
        > 12:30 PM - 11:15 PM
        > </td>
        >
        > </tr>
        > </table>
        > </div>
        > </div>
        >
      • ian_percival
        Well I figured it out all by myself... so thanks for nothing (jk) I am posting the solution in case anyone finds this via search and needs the solution. I
        Message 3 of 3 , May 8 12:28 PM
        • 0 Attachment
          Well I figured it out all by myself... so thanks for nothing (jk)

          I am posting the solution in case anyone finds this via search and
          needs the solution.

          I dropped the do_overlay() JS function and replaced it with the
          following CSS definition.

          <style type="text/css">

          #mainOverlay {
          position: absolute;
          top: 50px;
          left: 325px;
          }
          #sencondaryOverlay {
          position: absolute;
          top: 0px;
          left: 650px;
          }

          </style>

          This has it working in IE6 and any other browser who may have their JS
          turned off.


          --- In ydn-javascript@yahoogroups.com, "ian_percival"
          <ian_percival@...> wrote:
          >
          > Can anyone help me on this?
          >
          >
          > --- In ydn-javascript@yahoogroups.com, "ian_percival"
          > <ian_percival@> wrote:
          > >
          > > I am using Yahoo overlay to put some text to the screen over an image.
          > >
          > > The text contains 2 links... neither of them are clickable in IE6 but
          > > they both work in IE7 and FF.
          > >
          > > Any insight as to what I can do to get it working in IE6?
          > >
          > > **********SOURCE*************
          > >
          > > <link rel="stylesheet" type="text/css"
          > >
          >
          href="http://yui.yahooapis.com/2.2.2/build/container/assets/container.css">
          > > <link rel="stylesheet" type="text/css" href="/css/entry.css">
          > >
          > > <!-- Dependencies -->
          > > <script type="text/javascript"
          > >
          >
          src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
          > >
          > > <!-- Source file -->
          > > <script type="text/javascript"
          > >
          >
          src="http://yui.yahooapis.com/2.2.2/build/container/container_core-min.js"></script>
          > >
          > > <script language="javascript">
          > > function do_overlay() {
          > > var mainOverlay = new YAHOO.widget.Overlay("mainOverlay");
          > > mainOverlay.cfg.setProperty("xy", [325, 50]);
          > >
          > > var sencondaryOverlay = new
          > YAHOO.widget.Overlay("sencondaryOverlay");
          > > sencondaryOverlay.cfg.setProperty("xy", [650, 0]);
          > > }
          > > </script>
          > >
          > >
          > > <div id="mainOverlay" style="height: 800px; width: 400px;">
          > > <div style="align: center;"><img
          src="/images/rigpig_title.gif"></div>
          > >
          > > <div style="font-size: 8pt; padding-top: 10px; padding-bottom: 15px;
          > > color: #ffffff;">
          > > This website contains Adult content and nudity.
          > > By clicking to enter this site you agree that you are
          > > legally able to view this type of content.
          > > </div>
          > >
          > > <div style="float: left;"><a href="/home.php">Enter
          Website</a></div>
          > > <div style="float: right;"><a href="about:blank">Leave
          > Website</a></div>
          > >
          > > </div>
          > > </div>
          > >
          > > <div id="sencondaryOverlay">
          > > <div style="font-size: 8pt; color: #ffffff;">
          > > <span style="font-weight: bold;">The ...... now has new </span>
          > > <span style="font-weight: bold; font-size: 14pt;">extended dancer
          > > hours!</span><br><br>
          > > <table style="color: #ffffff;">
          > > <tr>
          > >
          > > <td>
          > > MONDAY - THURSDAY
          > > </td>
          > > <td>
          > > 12:05 PM - 12:15 AM
          > > </td>
          > > </tr>
          > > <tr>
          > > <td>
          > > FRIDAY
          > > </td>
          > >
          > > <td>
          > > 12:05 PM - 12:45 AM
          > > </td>
          > > </tr>
          > > <tr>
          > > <td>
          > > SATURDAY
          > > </td>
          > > <td>
          > > 12:30 PM - 11:15 PM
          > > </td>
          > >
          > > </tr>
          > > </table>
          > > </div>
          > > </div>
          > >
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.