5 Replies Latest reply: May 1, 2012 11:03 PM by Ben Pleysier RSS

    internet explorer problem not solved with screen shot

    nagaraja@1959 Community Member

      Sir,

      This is screenhot of IE browser.

      IE-BROWSER.jpg

      This is screenshot of google chrome.

      google.jpg

       

      the following is code

       

      <!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>

      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

      <style type="text/css">

      <!--

      .style1 {

      color: #663366;

      font-family: Verdana, Arial, Helvetica, sans-serif;

      font-weight: bold;

      }

      .style2 {

      font-family: Verdana, Arial, Helvetica, sans-serif;

      font-weight: bold;

      }

      -->

      </style>

      </head>


      <body>

      <table width="1024" border="2" align="center">

        <tr>

          <td colspan="2" align="center" valign="top"><img src="NAVYA2.jpg" width="1024" height="130" /></td>

        </tr>

        <tr>

          <td colspan="2" align="left" valign="bottom" nowrap="nowrap"><span class="style1">

            <marquee behavior="alternate">

            Free Eye Checkup On Thursday From 3:00 Pm To 6:00 Pm

            </marquee>

          </span>    <span class="style2"> </span></td>

        </tr>

        <tr align="center" valign="top" bgcolor="#636" class="MenuBarHorizontal">

          <td height="33" colspan="2" valign="top" nowrap="nowrap"><ul id="MenuBar1" class="MenuBarHorizontal">

      <li><a href="#" class="MenuBarActive">HOME</a></li>

      <li><a class="MenuBarItemSubmenu" href="#">ABOUT US</a>

        <ul>

          <li><a href="#">About Dr.V.Krishnamurthi</a></li>

          <li><a href="#">Our Team</a></li>

      </ul>

      </li>

      <li><a href="#" class="MenuBarItemSubmenu">FACILITIES</a>

        <ul>

          <li><a href="#">Cashless Facilities</a></li>

          <li><a href="#">Complimentary Coveyance</a></li>

          <li><a href="#">Awareness Programs</a></li>

          <li><a href="#">Community Services</a></li>

          <li><a href="#">Special Packages For NRIs  NRGs</a></li>

        </ul>

      </li>

      <li><a class="MenuBarItemSubmenu" href="#">SERVICES</a>

        <ul>

          <li><a class="MenuBarItemSubmenu" href="#">Surgical</a>

            <ul>

              <li><a href="#">Cataract Surgery</a></li>

              <li><a href="#">Glaucoma Surgery</a></li>

              <li><a href="#">Eyelid Surgery</a></li>

              <li><a href="#">Lacrimal Surgery</a></li>

              <li><a href="#">Macular Hole surgery</a></li>

              <li><a href="#">Retinal Surgery</a></li>

              <li><a href="#">Socket Surgery</a></li>

            </ul>

          </li>

          <li><a href="#" class="MenuBarItemSubmenu">Non-Surgical</a>

            <ul>

              <li><a href="#">Age Related Macular Surgery ARMD</a></li>

              <li><a href="#">Botulinum Toxin Injections</a></li>

              <li><a href="#">Medicolegal Reports</a></li>

            </ul>

          </li>

          <li><a href="#">Laser Visioin Correction</a></li>

          <li><a href="#" class="MenuBarItemSubmenu"> Services Offered</a>

            <ul>

              <li><a href="#">Cataract</a></li>

              <li><a href="#">Cornea &amp; Refractive</a></li>

              <li><a href="#">Retina</a></li>

              <li><a href="#">Orbit &amp; Oculoplsty</a></li>

              <li><a href="#">Uvea</a></li>

              <li><a href="#">Nuero Opthalmology</a></li>

              <li><a href="#">Squint &amp; Pediatric Opthalmology</a></li>

            </ul>

          </li>

      </ul>

      </li>

      <li><a href="#" class="MenuBarItemSubmenu">E-SERVICES</a>

        <ul>

          <li><a href="#">E-Appointment</a></li>

          <li><a href="#">E-Query</a></li>

        </ul>

      </li>

      <li><a href="#" class="MenuBarItemSubmenu">PATIENT CARE</a>

        <ul>

          <li><a href="#">Cataract Surgery</a></li>

          <li><a href="#">Optilasik Surgery</a></li>

          <li><a href="#" class="MenuBarItemSubmenu">Glaucoma Surgery</a>

            <ul>

              <li><a href="#">Bleb needling</a></li>

              <li><a href="#">Cyclodiode Laser</a></li>

              <li><a href="#">Laser iridotemy</a></li>

              <li><a href="#">Laser tuboculopatlasty</a></li>

            </ul>

          </li>

          <li><a href="#">Bladeless Lasik Surgery</a></li>

      <li><a href="#" class="MenuBarItemSubmenu">Eyelid Surgery</a>

        <ul>

              <li><a href="#">blepheroptasly</a></li>

              <li><a href="#">Ectropion</a></li>

              <li><a href="#">Entropion</a></li>

              <li><a href="#">Eyelid tumour</a></li>

              <li><a href="#">Plosys</a></li>

            </ul>

      </li>

          <li><a href="#" class="MenuBarItemSubmenu">Lacrimal Surgery</a>

            <ul>

              <li><a href="#">watering Eye DCR</a></li>

            </ul>

          </li>

          <li><a href="#" class="MenuBarItemSubmenu">Socket Surgery</a>

            <ul>

              <li><a href="#">Erueteelyor Eviscerention</a></li>

            </ul>

          </li>

          <li><a href="#">Perimetry-Field Analysis</a></li>

          <li><a href="#">Floaters &amp; Flashes</a></li>

          <li><a href="#">Yag Laser</a></li>

          <li><a href="#">Contact lenses</a></li>

        </ul>

      </li>

      <li><a href="#" class="MenuBarItemSubmenu">BIO-MEDICAL COMPETENCIES</a>

        <ul>

          <li><a href="#">Diagnostic Equipment</a></li>

          <li><a href="#">Theraputic Equipment</a></li>

          <li><a href="#">Sterilisation Equipment</a></li>

      </ul>

      </li>

      <li><a href="#">OPTICALS</a></li>

      <li><a href="#" class="MenuBarItemSubmenu">GET INVOLVED</a>

        <ul>

          <li><a href="#">Volunteer</a></li>

          <li><a href="#">Spread the Word</a></li>

          <li><a href="#">Organise an Eye Camps</a></li>

        </ul>

      </li>

      <li><a href="#">CONTACT US</a></li>

          </ul></td>

        </tr>

        <tr align="center" valign="top" bgcolor="#636" class="MenuBarHorizontal">

          <td width="783" height="33" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><p><img src="eyetop.jpg" width="600" height="150" /><img src="navya animation.gif" width="200" height="200" /><img src="eyebottom.jpg" width="600" height="84" /></p></td>

          <td width="235" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><p> </p>

          <p><a href="#"><img src="Untitled-1.jpg" width="154" height="40" /></a></p>

          <p> </p>

          <p><a href="#"><img src="Untitled-2.jpg" width="182" height="53" /></a></p></td>

        </tr>

      </table>

      <script type="text/javascript">

      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

      </script>

      </body>

      </html>

      plz resolve the problem.

        • 1. Re: internet explorer problem not solved with screen shot
          bmurr22 MVP

          When pasting in code, please either put it in a quote or go to the advanced editor to insert code.  It came through very messy.  Looking at your screenshot, we need to know, what version of IE is that which you are having issues with?  Is that IE 6?  Also what version of Spry is this?  We cannot see this from the code because it is an included file.  Also, because this may be a styling issue, can you also post the SpryMenubarHorizontal.css that we cannot see because it is being included and not on the document.

          • 2. Re: internet explorer problem not solved with screen shot
            John Waller MVP

            As previously requested, please stick to the original thread

            http://forums.adobe.com/message/4369532?tstart=0

            • 3. Re: internet explorer problem not solved with screen shot
              sudarshan.t MVP

              Please paste your code without the table as Plain HTML. Goto Advanced Editor to do this. This code is very difficult for us to read.

               

              Also, PLEASE UPLOAD your current file to your active site somewhere so it's easier for us to debug it.

              • 4. Re: internet explorer problem not solved with screen shot
                nagaraja@1959 Community Member

                Sir,

                As you suggested I have uploaded the problematic page in to www.saiwebworld.com still it is same problem in IE browser plz check it advice me the solution, the following is sprymenu.css file.

                 

                 

                @charset "UTF-8";

                 

                 

                /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

                 

                 

                /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

                 

                 

                /*******************************************************************************

                 

                 

                LAYOUT INFORMATION: describes box model, positioning, z-order

                 

                 

                *******************************************************************************/

                 

                 

                /* The outermost container of the Menu Bar, an auto width box with no margin or padding */

                ul.MenuBarHorizontal

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          cursor: default;

                          width: 1024px;

                }

                /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

                ul.MenuBarActive

                {

                z-index: 1000;

                }

                /* Menu item containers, position children relative to this container and are a fixed width */

                ul.MenuBarHorizontal li

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          position: relative;

                          cursor: pointer;

                          width: auto;

                          float: left;

                          white-space: nowrap;

                }

                /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

                ul.MenuBarHorizontal ul

                {

                          margin: 0;

                          padding: 0;

                          list-style-type: none;

                          font-size: 100%;

                          z-index: 1020;

                          cursor: default;

                          width: auto;

                          position: absolute;

                          left: -1000em;

                }

                /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

                ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

                {

                left: auto;

                }

                /* Menu item containers are same fixed width as parent */

                ul.MenuBarHorizontal ul li

                {

                background-color: transparent;

                float: none;

                }

                /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

                ul.MenuBarHorizontal ul ul

                {

                          position: absolute;

                          margin: -5% 0 0 95%;

                }

                /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

                ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

                {

                left: auto;

                top: 0;

                }

                 

                 

                /*******************************************************************************

                 

                 

                DESIGN INFORMATION: describes color scheme, borders, fonts

                 

                 

                *******************************************************************************/

                 

                 

                /* Submenu containers have borders on all sides */

                ul.MenuBarHorizontal ul

                {

                border: 1px solid #CCC;

                }

                /* Menu items are a light gray block with padding and no text decoration */

                ul.MenuBarHorizontal a

                {

                          display: block;

                          cursor: pointer;

                          background-color: #636;

                          padding: 0.5em 0.75em;

                          color: #ece465;

                          text-decoration: none;

                          font-size: 9pt;

                          font-weight: bold;

                          font-family: Tahoma, Geneva, sans-serif;

                          white-space: normal;

                }

                /* Menu items that have mouse over or focus have a blue background and white text */

                ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

                {

                background-color: #ece465;

                color: #FFF;

                }

                /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

                ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

                {

                background-color: #000fff;

                color: #FFF;

                }

                 

                 

                /*******************************************************************************

                 

                 

                SUBMENU INDICATION: styles if there is a submenu under a given menu item

                 

                 

                *******************************************************************************/

                 

                 

                /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

                ul.MenuBarHorizontal a.MenuBarItemSubmenu

                {

                background-image: url(SpryMenuBarDown.gif);

                background-repeat: no-repeat;

                background-position: 95% 50%;

                }

                ul.MenuBarHorizontal /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

                li

                {

                background-image: url(SpryMenuBarRight.gif);

                background-repeat: no-repeat;

                background-position: 95% 50%;

                }

                /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

                ul.MenuBarHorizontal a.MenuBarItemSubmenuHover

                {

                background-image: url(SpryMenuBarDownHover.gif);

                background-repeat: no-repeat;

                background-position: 95% 50%;

                }

                /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

                ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

                {

                background-image: url(SpryMenuBarRightHover.gif);

                background-repeat: no-repeat;

                background-position: 95% 50%;

                }

                 

                 

                /*******************************************************************************

                 

                 

                BROWSER HACKS: the hacks below should not be changed unless you are an expert

                 

                 

                *******************************************************************************/

                 

                 

                /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

                ul.MenuBarHorizontal iframe

                {

                          position: absolute;

                          z-index: 1010;

                filter:alpha(opacity:10);

                }

                /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

                @media screen, projection

                {

                ul.MenuBarHorizontal li.MenuBarItemIE

                {

                          display: inline;

                          float: left;

                          background: #FFF;

                }

                }

                 

                 

                 

                Yours

                Nagaraja.

                • 5. Re: internet explorer problem not solved with screen shot
                  Ben Pleysier MVP

                  Before screen shot

                  _Capture.jpg

                   

                  After screen shot

                  _Capture.jpg

                  Gramps