Skip navigation
nagaraja@1959
nagaraja@1959
Currently Being Moderated

internet explorer problem not solved with screen shot

Apr 30, 2012 4:05 AM

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.

484 Views   5 Replies   Latest reply: Ben Pleysier, May 1, 2012 11:03 PM
 
Replies
  • SnakEyez02
    Currently Being Moderated
    1. SnakEyez02,
    Apr 30, 2012 4:10 AM   in reply to nagaraja@1959
    Report

    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.

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    2. John Waller,
    Apr 30, 2012 4:41 AM   in reply to nagaraja@1959
    Report

    As previously requested, please stick to the original thread

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

    
     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    3. Sudarshan Thiagarajan,
    Apr 30, 2012 9:30 AM   in reply to nagaraja@1959
    Report

    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.

     
    |
    Mark as:
  • nagaraja@1959
    Currently Being Moderated
    4. nagaraja@1959,
    May 1, 2012 9:31 PM   in reply to Sudarshan Thiagarajan
    Report

    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.

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    5. Ben Pleysier,
    May 1, 2012 11:03 PM   in reply to nagaraja@1959
    Report

    Before screen shot

    _Capture.jpg

     

    After screen shot

    _Capture.jpg

    Gramps

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points