Link Color Problem in Internet Explorer

I am completely new to Dreamweaver and I only know how to
make a very basic page using the design view. I have added some
images to my site that are links, and they should have black
borders both before and after being visited. However, these links
only have black borders in Safari. In IE and Firefox the borders
are blue, and then green or purple once visited. I would like them
to be black all the time. How can I fix this? Is there a way to do
it using only the design view?

Hello,
Add this CSS right before your </head> tag so it looks
like this:
<style type="text/css">
<!--
a img {border:2px solid #000000;}
-->
</style>
</head>
If you want the border to change color on hover:
<style type="text/css">
<!--
a img {border:2px solid #000000;}
a:hover {background:transparent;}
a:hover img {border:2px solid #CCCCCC;}
-->
</style>
</head>
The a:hover {background:transparent;} fixes a bug in IE5/6
where you can't hover over an image link without first declaring a
hover rule for that link (go figure!) It was fixed in IE7, but many
still use IE6.
Take care,
Tim

Similar Messages

  • Java Applet Background Color Problem on Internet Explorer

    Hi,
    Please check out the following URL:
    http://www.utopiainteractive.com/clients/AkonFinal/glossary.htm
    The menu bar is writting in Java Applet. If you scroll down the page, and scroll back up, I see white background as I scroll back up. It happens only on Internet explorer. Neither Java Applet nor HTML Body bg color is white. I am kinda lost, and any help would really be appreciated.
    Thank you and look forward to hearing from someone soon.
    Sachin

    Hi,
    Well I used HtmlConver utility to generate applet html code, so I assume nothing is wrong with Object tag. Do you know what could cause this problem on Internet explorer? To be honest, I spent last couple of days, but I am just lost. It absolutely works fine on Netscape.
    Thanks,
    Sachin

  • Gui 7.0 windows xp, problem with Internet Explorer 6.0

    Hello Gurus,
       I am installing SAP GUI 7.00, on all the windows XP machines, of our SAP users. All the machines where GUI 7.00 is installed, are facing the problem with Internet Explorer. When we click on IE we don't get error but the requested URL do not show anything. Our version of Internet exploerer is 6.0.
      Gurus, need your help on this..
    Thanks and Regards,
    Rahul

    hi ,
      thanks for letting me know my error. I will raise this problem in the correct forum
    Thanks
    Rahul

  • Since the recent upgrade from Adobe pdf plug-inn Firefox often won't open pdf-files. Uninstalling doesn't help. I don't have this problem with Internet Explorer.

    Since the recent upgrade from Adobe pdf plug-inn Firefox often won't open pdf-files. Uninstalling doesn't help. I don't have this problem with Internet Explorer.

    Hi efacg,
    Most printing issues are solved by resetting the Printing preferences. When you print from Firefox and you click on the down arrow, do you see Defualt and Firefox? Please make changes to the preferences here and preview the document.
    If this continues to be an issue please also see [[Fix printing problems in Firefox]]
    If there are any other questions, please do not hesitate to ask, we are here to help.

  • Printer print size is very small. Do not have this problem with Internet explorer.

    When I try to print something in Firefox, the printer print size is extremely small. I do not have this problem with Internet Explorer.

    File > Page Setup - '''Scale''' <br />
    100% or Shrink to Fit is usually best.

  • Bonjours il n est pas possible de faire un paiement sur n importe quel site avec paypal sinon pas de probleme avec internet explorer

    bonjours il n est pas possible de faire un paiement sur n importe quel site avec paypal sinon pas de probleme avec internet explorer edit

    Hello didierj1, try to [https://support.mozilla.org/en-US/kb/Template:clearCookiesCache clear Cookies and Cache] and check it again.
    also be sure you have '''check mark''' in '''Accept cookies from sites'''[ v ] and to '''Accept third party cookies''' [ v ]
    see : [http://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences#w_how-do-i-change-cookie-settings How do I change Cookie settings?]
    thank you

  • Link problem in Internet Explorer 9 (for Vista)

    Hi,
    I am creating a website with a link that links to my specific twitter page. It works fine in Firefox but when I open up Internet Explorer 9 (IE) I run into a problem. When I click on the link in IE it goes to twitter.com not my specific twitter page. I would love to fix this because I don't want my clients to have to hunt for me on twitter. It's weird because in Dreamweaver CS4 the links are correct in the properties panel so for some reason IE is not connecting with this link somehow.
    Any ideas/help would be greatly appreciated.
    Thanks!
    ashmic19

    No there's not any sensitive information. I would upload it but I don't want to upload it to my particular web host yet until the site is complete.
    People here often create a temp folder on their website for testing purposes, upload a problem page for all to see then pull it down when the issue is fixed.
    By the time you've fixed the issue, it's unlikely that Google has found it.

  • CSS Problem with Internet Explorer 8.0 Filters and linked reports

    Hi ,
    The Internet explorer 8.0 re presents the filter prompt for linked reports and a warning of "Prevention of XSS" is flashed on the browser. Is there a patch for this since changes in Interner explorer security setting are not possible to be changed in all clients.
    Thanks
    Regards
    Shivakanth

    Jovaini,
    IE 8 handles threads different than previous versions. Thus, if you sign into an APEX workspace and then try to start a new instance of IE 8, that process is no longer seen as a separate process like IE 6 & 7, but rather as another "tab", if you will. Thus, as soon as you log into workspace 2, your login credentials for workspace 1 are invalidated. This is true even if workspace 2 is the APEX Admin Console, as it uses the same underlying authentication mechanism.
    To solve this, you have a couple of options:
    1) Use two different browsers (i.e. IE 8 and Google Chrome).
    2) Use the hostname for one session and the IP address for another session. This will limit you to two concurrent logins.
    3) Either edit your local hosts file or if you can, have your network administrator create a number of aliases to the same APEX server. You can then use each alias for a different session with the same browser. APEX manages its session cookies based on the hostname, so if you have 10 aliases, you will be able to be logged into 10 separate workspaces within the same browser using this approach.
    Thanks,
    - Scott -
    http://spendolini.blogspot.com
    http://www.sumneva.com

  • Spry Menu Bar Horizontal Problem in Internet Explorer

    I'm having a problem with a spry menu bar. It works fine in Firefox and Google Chrome, but in Internet Explorer the submenus shift to the right.
    And here's the code:
    @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 auto;     padding: 0;     list-style-type: none;     font-size: 100%;     cursor: default;     width: 54em;     border-top-width: thick;     border-right-width: thick;     border-bottom-width: thick;     border-left-width: thick;     border-top-color: #00F;     border-right-color: #099;     border-bottom-color: #093;     border-left-color: #0F9;     top: auto;}/* 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;     text-align: center;     cursor: pointer;     width: 18em;     float: left;     color: #F00;     background-color: #0000FF;}/* 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: 18em;     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{     width: 18em;}/* 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: #000;     padding: 0.5em 0.75em;     color: #C96;     text-decoration: none;     border: black;}/* 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: #900;     color: #009;     text-align: center;}/* 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: #900;     color: #FFF;     text-decoration: underline;}/***************************************************************************** ** 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%;     text-align: center;     font-family: "Lucida Console", Monaco, monospace;     font-weight: bold;     color: #FF0;     border: 3px solid #039;}/* 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 ul a.MenuBarItemSubmenu{     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: fixed;     z-index: 1010;     filter:alpha(opacity:0.1);}/* 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;          f\loat: left;               }}
    WHAT DO I DO? HELP ME, THANKS.
    Ummmmmmm HELLOO.
    SOMEONE HELP ME.
    ....boy you guys are reallllly helping

    Ohhhh noooo now it looks like this.
    I don't know what to do!!!!
    Here, let me give you the css code and the html code.
    <style type="text/css">
    <!--
    #apDiv1 {
        position:absolute;
        width:160px;
        height:126px;
        z-index:1;
        left: 205px;
        top: 424px;
        margin: 0 auto;
    -->
    </style>
    <style type="text/css">
    #apDiv3 {
        position:absolute;
        width:254px;
        height:206px;
        z-index:2;
        left: 123px;
        top: 1529px;
    #apDiv4 {
        position:absolute;
        width:250px;
        height:194px;
        z-index:3;
        left: 381px;
        top: 1528px;
    #apDiv5 {
        position:absolute;
        width:256px;
        height:200px;
        z-index:4;
        left: 636px;
        top: 1529px;
    #apDiv6 {
        position:absolute;
        width:349px;
        height:205px;
        z-index:5;
        left: 889px;
        top: 1530px;
    </style>
    <style type="text/css">
    #apDiv7 {
        position:absolute;
        width:887px;
        height:204px;
        z-index:6;
        left: 324px;
        top: 905px;
    #apDiv8 {
        position:absolute;
        width:1295px;
        height:74px;
        z-index:1;
        left: 212px;
        top: 668px;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    #apDiv2 {
        position:absolute;
        width:209px;
        height:197px;
        z-index:2;
        top: 1220px;
        left: 171px;
    #apDiv9 {
        position:absolute;
        width:331px;
        height:97px;
        z-index:3;
        left: 385px;
        top: 1218px;
    #apDiv10 {
        position:absolute;
        width:292px;
        height:199px;
        z-index:4;
        left: 724px;
        top: 1218px;
    #apDiv11 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
    body {
        background-color: #000;
        background-image: url();
        text-align: center;
        color: #F00;
    .none {
        font-size: 80px;
        font-family: "Times New Roman", Times, serif;
        font-weight: bold;
    #apDiv12 {
        position:absolute;
        width:991px;
        height:60px;
        z-index:5;
        left: 198px;
        top: 192px;
    #apDiv13 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 588px;
        top: 322px;
    </style>
    <body onLoad="MM_preloadImages('images/WebConfroll.png','images/youthfootballroll.png','images/ statefbsweatshirt.png')">
    <p align="center" class="none"><img src="images/footballtitle.png" width="941" height="183"></p>
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">[Placeholder]</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">[Placeholder]</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Videos</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">2008 Videos</a>
            <ul>
              <li><a href="videos/2009 videos/Glenbard part one/partone.html">Glenbard South Game</a></li>
              <li><a href="#">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&# 160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;[Placeholder]</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">2009 Videos</a>
            <ul>
              <li><a href="#">[Placeholder]</a></li>
              <li><a href="#">[Placeholder]</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">2010 Videos</a>
            <ul>
              <li><a href="#">[Placeholder]</a></li>
              <li><a href="#">[Placeholder]</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><span class="cent"><img src="images/bulldoghelmit.png" width="150" height="99" /></span></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p class="cent"> </p>
    <div align="center">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2008</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Defense%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Offense%20Stats.pdf">Offense and Records</a></li>
            <li><a href="http://page.bps101.net/web/t1350/BHS%20All%20Time%20Stats.pdf">AllTime Data</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/Western%20Sun%202009.pdf">Western Sun Final Standings</a></li>
          </ul>
        </li>
        <li> <a href="#" class="MenuBarItemSubmenu">Football Season 2009</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/All-Time%20Data%202009.pdf">Alltime Data</a></li>
          </ul>
        </li>
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2010</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2011%20Checklist.pdf">2010-2011 Offseason Checklist</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Defense%20Stats%20Final.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Stats%20Packet.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20ALL%20TIME.pdf">Alltime Data</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Batavia Youth football.png" alt="" width="869" height="200" /></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/WebConfroll.png',1)"></a></p>
    <div align="center">
      <div align="center"></div>
      <div align="center"><a href="http://www.athletics2000.com/upstate8/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/WebConfroll.png',1)"><img src="images/WebConf.png" name="Image7" width="206" height="194" border="0" id="Image7" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/statefbsweatshirt.png',1)"><img src="images/statefbsweatshirt.jpg" name="Image6" width="375" height="199" border="0" id="Image6" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/youthfootballroll.png',1)"><img src="images/youth football.png" name="Image8" width="329" height="197" border="0" id="Image8" /></a></div>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/youthfootballroll.png',1)"></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Logos.png" width="1167" height="199" /></p>
    <script type="text/javascript">
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    @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: auto 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 54em;
        border-top: thick solid #00F;
        border-left: thick solid #00F;
        border-right: thick solid #00F;
        border-bottom: thick solid #00F;
        height: 2.2em;
    /* 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: 18em;
        float: left;
    /* 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: 18em;
        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
        width: 18em;
    /* 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: #000;
        padding: 0.5em 0.75em;
        color: #C96;
        text-decoration: none;
        text-align: center;
        height: 1.2em;
    /* 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: #900;
        color: #009;
    /* 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: #900;
        color: #FFF;
        text-decoration: underline;
    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%;
        color: #FF0;
        font-family: "Lucida Console", Monaco, monospace;
    /* 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 ul a.MenuBarItemSubmenu
        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:0.1);
    /* 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;
            f\loat: left;
            background: #FFF;
    DON'T GIVE UP ON ME. PLEASE.

  • Css problem in internet explorer

    Hi to all!
    On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
    html:<div id="userpanel">
      <span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
      <div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
      <p>| #NAVIGATION_BAR#</p>
      </div></span>
    </div>css:#userpanel,
    #userpanel * {
            position:relative;
         font-family:verdana; font-size:12px;
         margin:0; padding:1px; border:0;
         white-space:nowrap;
    #userpanel a,
    #userpanel span { display:inline-block; }
    #userpanel>span>a { color:#999; }
    #userpanel span:hover div { display:block; }
    #userpanel>span:hover > a { color:black; }
    #userpanel_hsreg {
              display:none;
              position:absolute;
              left:+5px;
              top:+24px;
              background:#fff;
              padding:10px 18px;
              line-height:180%;
              border:1px solid silver;
              border-radius: 6px;
              box-shadow:1px 2px 5px #aaa;
              z-index:99;
    #userpanel>span>a {
              border-bottom:1px solid silver;
              margin-top: 5px;
              }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
    The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
    The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
    I have v 4.0.2.
    Thanks and greetings,
    tobi

    Hi again!
    This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
    I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
    I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
    So if anyone here is a css-IE9-expert... :)
    Thanks and best regards,
    Tobi
    edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
    Edited by: tpetri on 03.09.2012 09:53

  • Weird text problem in Internet Explorer

    I have a totally puzzling issue with my text in my website.
    The problem is that it looks fine when the site is previewed in Firefox, Google Chrome or Safari but when previewed in Internet Explorer for some unknown reason some of the text displays incorrectly as illustrated in image 2 below.
    I have been trying for days to solve this issue but nothing I have tried so far can solve the issue. Is anyone out there familiar with this bug?
    Any advice would be greatly appreciated. I have included some images and my CSS details below.
    Image 1 Previewed in Firefox
    Image 2 Previewed in Internet explorer
    This is how the text looks in I.E
    Im thinking that it may be caused by some kind of CSS issue so I have included my CSS file details below.
    #buyncon {
    text-align: right;
    #caseincon {
    #clickoncon {
    margin-top: 3px;
    margin-bottom: 7px;
    #page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer9 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
    padding: 10px;
    #linespop1con {
    background-image: url(images/POPUPLINES.gif);
    background-repeat: no-repeat;
    height: 168px;
    #rightsicon {
    width: 287px;
    float: right;
    margin-right: 45px;
    #lefthacon {
    width: 400px;
    margin-left: 15px;
    #peron {
    width: 161px;
    margin-left: auto;
    margin-top: 30px;
    margin-right: auto;
    #mainimcon {
    body {padding:0; margin:0; height:750px; background:#6f6f6f}
    #caseincon img {
    margin-right: 15px;
    margin-bottom: 15px;
    #prices {
    width: 35px;
    float: right;
    #units {
    width: 48px;
    #unitprcon {
    margin-top: 5px;
    #lefthancol {
    width: 385px;
    margin-left: 25px;
    #linesvidcon {
    background-image: url(images/POPUPLINES2.gif);
    background-repeat: no-repeat;
    height: 102px;
    #flashpopcon {
    #righthancol {
    width: 287px;
    float: right;
    margin-right: 45px;
    margin-top: 10px;
    #learnaboutccon {
    #wordscon {
    #buynowbcon {
    text-align: right;
    margin-top: 100px;
    #persontutcon {
    width: 161px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    #itemmon {
    width: 66px;
    #maccscon {
    width: 40px;
    float: right;
    table, td {border-collapse:collapse;}
    #itemscon {
    margin-top: 10px;
    table, td, img {border:0; padding:0;}
    form, td{
    margin:0;
    padding:0;
    html {height:100%;}
    br{font-size:10px}
    table{border:0px; border-collapse:collapse; }
    body, td{
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#7d7b7b;
    line-height:13px;
    vertical-align:top;
    padding:0px;
    a img{ border:0px}
    img{
    strong{
    color:#999
    b{ color:#585858}
    span{}
    span a{}
    span a:hover{}
    a{
    color:#999;
    text-decoration:none
    a:hover{
    color:#999;
    text-decoration: underline
    .bg_bot{ background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
    .bg_color{ background:#f2f2f2}
    .bg_li_bot{ background:url(images/bg_li_bot.gif) top left repeat-y}
    .bg_color_top{ background:#FFFFFF}
    ul{margin:0; padding:0; list-style:none}
    li{ line-height:18px }
    li a{ background:url(images/1_z1.gif)  center left no-repeat; background-position:0 5px; margin:0px; padding-left:9px;color:#91908d; text-decoration:underline}
    li a:hover{color:#91908d; text-decoration:none}
    .more{background:url(images/1_z2.gif)  center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
    .more:hover{ text-decoration:underline}
    .main_table{ width:100%; background:url(images/bg_left.gif) top left repeat-x #c4c4c4}
    .site_center{text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
    .site_center1{margin:0 auto; text-align:left; width:770px;}
    /*header*/
    #header{ height:339px; width:770px}
    #header .row1{ height:26px; background:url(images/bg_hed_top.gif) top left repeat-y }
    #header .row2{ height:313px; background:url(images/bg_hed_li.gif) top left repeat-x }
    #header .row2 .col1{ width:586px; background:url(images/bg_header.jpg) bottom right no-repeat}
    #header .row2 .col1 div{ padding:142px 0 0 60px}
    #header .row2 .col1 .title{ margin:0 89px 0 0px}
    #header .row2 .col2{ width:184px}
    #header .row2 .col2 .indent{ margin:101px 0 0px 0px}
    /*content*/
    #content{
    width:770px;
    height:352px;
    background:#FFFFFF
    /*page1*/
    #page1 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page2*/
    #page2 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page3*/
    #page3 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page4*/
    #page4 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page5*/
    #page5 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page6*/
    #page6 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*page7*/
    #page7 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
    /*footer*/
    #footer { width:770px; height:59px;}
    #footer .row1{ height:5px; background:url(images/bg_foot.gif) top left repeat-x;}
    .ab {
    color: #919190;
    #footer .row2{ height:54px; background:#919190; color:#FFFFFF; font-size:10px}
    #footer .row2 div{
    #footer .row2 .indent{ margin:0 15px 0 15px}
    #footer .row2 a{ color:#FFFFFF; text-decoration: underline}
    #footer .row2 a:hover{ color:#FFFFFF; text-decoration: none}
    /*input*/
    input.text{
    width: 250px;
    label.top {
    display: block;
    margin-bottom: 0.5em;
    font-style: italic;
    .input1{
       background:#ffffff;
       border:1px solid #91908d;
       width:201px; height:15px;
       color:#91908d;
       font-size:10px
    #input2{
       width:44px; height:11px;
       border:0px;
    #input3{
       width:39px; height:11px;
       border:0px;
    textarea{
    background:#ffffff;
    border:1px solid #91908d;
    width:250px;
    height:49px;
    overflow:auto;
    font-family:Tahoma;
    font-size:11px;
    color:#91908d;
    margin-top: 0.5em;
    }.reviewtitle {
    font-size: 14px;
    font-weight: normal;
    #contactleft {
    width: 254px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 45px;
    background-image: url(images/conbkg.gif);
    .italics {
    font-style: italic;
    .bolds {
    font-weight: bold;
    #conactadress {
    width: 382px;
    margin-top: 45px;
    margin-right: 55px;
    float: right;
    #contactbox {
    width: 380px;
    float: right;
    #links {
    text-align: center;
    margin-bottom: 20px;
    #reviewleftbkg {
    width: 254px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 45px;
    background-image: url(images/revbkg.gif);
    #feedbackleftbkg {
    margin-left: 20px;
    width: 254px;
    margin-top: 45px;
    padding: 10px;
    background-image: url(images/feedbkg.gif);
    #shoutleft {
    margin-bottom: 40px;
    #feedbackform {
    width: 382px;
    float: right;
    margin-top: 35px;
    margin-right: 55px;
    #hearleft2 {
    margin-bottom: 40px;
    #lefttext {
    margin-bottom: 40px;
    #reviewform {
    width: 382px;
    float: right;
    margin-right: 55px;
    margin-top: 35px;
    #twitter {
    left: 410px;
    bottom: 4px;
    position: relative;
    #delicious {
    position: relative;
    left: 405px;
    bottom: 4px;
    #dig {
    position: relative;
    left: 400px;
    bottom: 4px;
    #facebook {
    position: relative;
    left: 395px;
    bottom: 4px;
    .row2 div span.quote {
    position: relative;
    left: 210px;
    #privacybkg {
    background-image: url(images/privacy-BKG.gif);
    background-repeat: no-repeat;
    margin: 7px;
    #background {
    clip: rect(auto,auto,auto,auto);
    padding-left: 10px;
    padding-top: 10px;
    #concontainer {
    background-image: url(images/index-bkg.gif);
    background-repeat: no-repeat;
    height: 927px;
    background-position: center;
    #orderbottom {
    background-image: url(images/ORDER-BKG-2-A.gif);
    height: 930px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    .clear {
    clear: both;
    #dataimage {
    padding-top: 39.5px;
    padding-bottom: 42.5px;
    padding-left: 25px;
    #dataimage9 {
    #securefile {
    width: 208px;
    float: right;
    #contacttitle {
    #pivacycontainer {
    width: 208px;
    position: absolute;
    left: 850px;
    padding-top: 15px;
    #pivacycontainer2 {
    width: 208px;
    position: absolute;
    left: 820px;
    padding-top: 15px;
    #dataimage2 {
    padding-left: 25px;
    padding-top: 34.5px;
    padding-bottom: 32px;
    width: auto;
    #pivacycontainer3 {
    width: 208px;
    position: absolute;
    left: 820px;
    padding-top: 5px;
    #personaltutor {
    #dataimage3 {
    padding-left: 25px;
    #contacttitle3 {
    width: 400px;
    #personaltutorcontainaer1 {
    margin-bottom: 35px;
    #personaltutor1 {
    width: 160px;
    margin-left: 40px;
    margin-bottom: 18px;
    #windows7box {
    width: 345px;
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 30px;
    #productbox {
    width: 358px;
    position: absolute;
    left: 691px;
    #pivacycontainer4 {
    width: 208px;
    position: absolute;
    left: 835px;
    padding-top: 15px;
    #dataimage4 {
    padding-top: 39.5px;
    padding-bottom: 44.5px;
    padding-left: 25px;
    #contactlogo {
    margin-bottom: 4px;
    #col1 {
    width: 251px;
    margin-right: 35px;
    float: right;
    margin-top: 93px;
    #theproblem {
    padding-left: 5px;
    #thesolution {
    padding-left: 5px;
    .box {
    .right {
    #col2 {
    width: 430px;
    padding-left: 30px;
    margin-top: 65px;
    #brace {
    color: #FFF;
    #personalcol {
    padding-left: 5px;
    #helpcol {
    background-image: url(images/help-bkg.gif);
    background-repeat: no-repeat;
    width: 251px;
    height: 275px;
    margin-top: 12px;
    #readcol {
    background-repeat: no-repeat;
    height: 173px;
    margin-top: 20px;
    clear: both;
    .indexbold {
    font-size: 14px;
    font-weight: bold;
    color: #476068;
    line-height: 17px;
    padding-left: 10px;
    #help {
    padding-left: 17px;
    font-size: 14px;
    line-height: 17px;
    color: #999;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 5px;
    .five {
    margin-left: 10px;
    .buttontext {
    font-size: 14px;
    color: #FFF;
    clear: inherit;
    position: relative;
    left: 87px;
    bottom: 33px;
    width: 200px;
    #problemcol {
    #monitorcol {
    #solutioncol {
    .buttontext2 {
    font-size: 14px;
    color: #FFF;
    clear: both;
    position: relative;
    left: 109px;
    bottom: 33px;
    width: 80px;
    #concontainerorder {
    background-image: url(images/order-bkg-top-2.gif);
    background-repeat: no-repeat;
    height: 450px;
    background-position: center top;
    margin-bottom: 30px;
    #col5 {
    #buycol {
    width: 161px;
    float: right;
    padding-top: 10px;
    .learnbold {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 17px;
    #tutorcol {
    width: 161px;
    clear: both;
    float: right;
    padding-top: 20px;
    #col6 {
    width: 231px;
    padding-left: 30px;
    margin-top: 65px;
    #smallcases {
    width: 226px;
    margin-bottom: 5px;
    #unit {
    padding-top: 4px;
    #price {
    width: 45px;
    float: right;
    #mac {
    width: 41px;
    float: right;
    margin-right: 6px;
    #item {
    width: 90px;
    #print {
    width: 70px;
    .size {
    font-size: 12px;
    #emailcon {
    margin-top: 22px;
    #addcol {
    margin-top: 44px;
    padding-left: 7px;
    margin-bottom: 3px;
    .yellow {
    font-size: 14px;
    font-weight: bold;
    color: #F3BA22;
    #email {
    width: 130px
    #clickcol {
    #smallcasecol {
    background-image: url(images/fade2.jpg);
    height: 83px;
    background-repeat: no-repeat;
    width: 226px;
    padding-top: 10px;
    padding-left: 3px;
    #smallcases img {
    margin: 3px;
    #linecol {
    width: 357px;
    background-image: url(images/order-bkg.gif);
    height: 206px;
    background-repeat: no-repeat;
    #casecol {
    width: 231px;
    #zoomcol {
    #itemcol {
    margin-top: 7px;
    #stockcol {
    margin-top: 9px;
    #overallcol {
    margin-top: 12px;
    #stock {
    width: 49px;
    float: right;
    #read {
    margin-top: 7px;
    #write {
    width: 100px;
    float: right;
    margin-right: 120px;
    #readrev {
    font-family: Tahoma, Geneva, sans-serif;
    width: 110px;
    #availcol {
    width: 65px;
    #titlecol {
    width: 357px;
    #read #write img {
    margin-bottom: 0px;
    margin-right: 3px;
    #read #readrev img {
    margin-right: 3px;
    #emailcon #email img {
    margin-right: 7px;
    #contentscon {
    padding-left: 150px;
    padding-right: 70px;
    text-align: justify;
    margin-top: 80px;
    .blue14 {
    color: #386989;
    font-size: 14px;
    font-weight: bold;
    .blue11 {
    font-size: 11px;
    color: #386989;
    font-weight: bold;
    .orange14 {
    color: #f79420;
    font-size: 11px;
    font-weight: bold;
    #buy2 {
    width: 150px;
    float: right;
    margin-right: 65px;
    position: relative;
    padding-top: 10px;
    #greatvalue {
    width: 230px;
    margin-left: 150px;
    #readour {
    color: #f79420;
    font-size: 15px;
    font-weight: bold;
    padding-left: 150px;
    .orange15 {
    color: #f79420;
    #col7 {
    width: 382px;
    margin-top: 55px;
    margin-right: 40px;
    float: right;
    #col8 {
    width: 254px;
    background-color: #F4F6F6;
    padding: 10px;
    margin-top: 55px;
    margin-left: 30px;
    #privacyleft {
    margin-bottom: 10px;
    margin-top: 5px;
    #personalt {
    margin-bottom: 5px;
    .bold2 {
    font-size: 14px;
    font-weight: bold;
    #col4 {
    width: 250px;
    float: right;
    margin-right: 35px;
    margin-top: 65px;
    #col5 {
    width: 375px;
    padding-left: 30px;
    float: right;
    #videocon {
    #greatcon {
    padding-left: 6px;
    padding-top: 2px;
    #pertutor {
    margin-bottom: 10px;
    padding-left: 5px;
    #pledgecon {
    background-image: url(images/video-bkg-10bb.jpg);
    height: 290px;
    background-repeat: no-repeat;
    padding: 10px;
    #buttoncon {
    #text1 {
    #piccon {
    width: 82px;
    float: left;
    margin-right: 10px;
    #text2 {
    #text3 {
    text-align: right;
    #buttoncon {
    #pricingdetails {
    width: 100px;
    top: 10px;
    .indexbold2 {
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 17px;
    .greybold {
    font-size: 14px;
    font-weight: bold;
    #unitboxcol {
    margin-top: 5px;
    #pricebox {
    width: 35px;
    float: right;
    #macbox {
    #unitbox {
    width: 47px;
    #itemboxcol {
    #itbox {
    #itsbox {
    margin-top: 10px;
    #maxibox {
    width: 39px;
    float: right;
    #ibox {
    width: 65px;
    #col5b {
    width: 430px;
    padding-left: 30px;
    margin-top: 65px;
    #col5c {
    width: 357px;
    float: right;
    margin-right: 80px;
    margin-top: 70px;
    #sprycon {
    #tagcon {
    #Prod {
    width: 100px;
    #reviews {
    width: 45px;
    float: right;
    #procon {
    width: 125px;
    margin-left: 27px;
    font-weight: bold;
    color: #999;
    #revicon {
    width: 50px;
    float: right;
    font-weight: bold;
    margin-right: 515px;
    color: #999;
    #orderbottom2 {
    background-image: url(images/ORDER-BKG-2-A.gif);
    height: 915px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    #stars4 {
    width: 200px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    margin-left: 25px;
    #date4 {
    font-weight: bold;
    float: right;
    width: 113px;
    margin-right: 30px;
    #reviewss4 {
    font-weight: bold;
    width: 350px;
    margin-left: 150px;
    #mesages4 {
    text-align: justify;
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 150px;
    #stars5 {
    width: 200px;
    margin-bottom: 5px;
    margin-left: 25px;
    padding-bottom: 2px;
    #date5 {
    font-weight: bold;
    float: right;
    margin-right: 32px;
    #reviewss5 {
    font-weight: bold;
    width: 350px;
    margin-left: 150px;
    #mesages5 {
    text-align: justify;
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 150px;
    #review1con5 {
    margin-top: 97px;
    #stars6 {
    width: 200px;
    margin-bottom: 5px;
    margin-left: 25px;
    padding-bottom: 2px;
    #date6 {
    font-weight: bold;
    float: right;
    margin-right: 30px;
    #reviewss6 {
    font-weight: bold;
    width: 350px;
    margin-left: 150px;
    #mesages6 {
    text-align: justify;
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 150px;
    #orderbottom3 {
    background-image: url(images/ORDER-BKG-2-A.gif);
    height: 915px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    #customcon {
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
    #cus {
    padding-bottom: 20px;
    #stars {
    width: 200px;
    margin-left: 25px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    #rate {
    width: 154px;
    font-size: 14px;
    font-weight: bold;
    color: #f79420;
    float: right;
    margin-right: 500px;
    #reviewss {
    width: 350px;
    margin-left: 150px;
    font-size: 12px;
    font-weight: bold;
    color: #494949;
    #review2con2 {
    margin-top: 100px;
    #review1con {
    margin-top: 65px;
    #date {
    width: 90px;
    float: right;
    color: #494949;
    font-weight: bold;
    margin-right: 30px;
    .blue2 {
    color: #386989;
    #mesage {
    margin-left: 150px;
    margin-right: 35px;
    margin-top: 10px;
    text-align: justify;
    .dark12 {
    font-size: 12px;
    font-weight: bold;
    color: #494949;
    #stars2 {
    width: 200px;
    margin-bottom: 5px;
    margin-left: 25px;
    padding-bottom: 2px;
    #date2 {
    float: right;
    margin-right: 33px;
    #reviewss2 {
    #reviewss2 {
    margin-left: 150px;
    #review1con3 {
    margin-top: 175px;
    #stars3 {
    width: 200px;
    margin-bottom: 5px;
    margin-left: 25px;
    padding-bottom: 2px;
    #date3 {
    font-weight: bold;
    float: right;
    width: 97px;
    margin-right: 30px;
    #reviewss3 {
    font-weight: bold;
    width: 350px;
    margin-left: 150px;
    #mesage3 {
    text-align: justify;
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 150px;
    #mesage2 {
    text-align: justify;
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 150px;
    #review1con4 {
    margin-top: 65px;
    #review1con6 {
    margin-top: 200px;
    #sharecon2 {
    color: #FD9639;
    font-size: 14px;
    font-weight: bold;
    margin-top: 143px;
    margin-left: 23px;
    #numbercon2 {
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-right: 30px;
    margin-top: 19px;
    #clickhcon3 {
    width: 400px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 23px;
    margin-top: 19px;
    color: #386989;
    #buysmcon2 {
    float: right;
    margin-top: 35px;
    margin-right: 20px;
    .bluerev {
    color: #386989;
    #sharecon {
    font-size: 14px;
    font-weight: bold;
    color: #fd9639;
    margin-top: 121px;
    margin-left: 23px;
    #numbercon {
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-top: 19px;
    margin-right: 20px;
    #clickhcon {
    font-size: 11px;
    width: 400px;
    margin-top: 19px;
    margin-left: 23px;
    font-weight: bold;
    color: #386989;
    #buysmcon {
    float: right;
    margin-top: 35px;
    margin-right: 20px;
    #col1new {
    width: 251px;
    margin-right: 35px;
    margin-top: 95px;
    float: right;
    #col2new {
    width: 430px;
    margin-top: 95px;
    margin-left: 20px;
    #pricon {
    clear: both;
    #butscon {
    float: none;
    padding-right: 10px;
    margin-top: 5px;
    #revscon {
    font-size: 14px;
    font-weight: bold;
    color: #999;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 13px;
    #butzcon {
    clear: both;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    #shoutcon {
    width: 71px;
    margin-left: 15px;
    #seewhatcon {
    float: right;
    width: 148px;
    #clickzcon {
    clear: both;
    #tabzcon {
    margin-left: 72px;
    padding-top: 18px;
    font-size: 14px;
    #aboutuzcon {
    font-size: 14px;
    margin-left: 48px;
    padding-top: 4px;
    font-weight: bold;
    color: #999;
    #demozcon {
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 524px;
    padding-top: 4px;
    #tabzcon2 {
    #buyzon {
    padding-left: 75px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    #orderbottom4 {
    background-image: url(images/index-bottom-bkg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    height: 838px;
    #ttabscon {
    #ttabscon {
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 58px;
    color: #999;
    #breakercon {
    color: #F7F6EC;
    #breaker2con {
    color: #F7F6EC;
    #breaker3con {
    color: #F7F6EC;
    #securecontainer {
    #contacttitle2 {
    #boxxcon4 {
    position: relative;
    #securecontainer img {
    position: absolute;
    top: 3px;
    right: 10px;
    #boxxxxcon4 {
    position: relative;
    #cardcon {
    position: absolute;
    top: 3px;
    right: 10px;
    #boxxxxcon4 img {
    #boxcon5 {
    position: relative;
    #privacycon {
    #privacycon img {
    position: absolute;
    top: 15px;
    right: 4px;
    #boxcon3 {
    position: relative;
    #filmcon {
    #filmcon img {
    #boxcon2 {
    position: relative;
    #filmzcon2 {
    position: absolute;
    top: 5px;
    right: 5px;
    #windows7container {
    #pro1con {
    #case1con {
    #pro11con {
    position: relative;
    #case1con img {
    position: absolute;
    top: 3px;
    right: 8px;
    #win7con {
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 0px;
    #per1con {
    #person1con {
    padding-top: 20px;
    padding-bottom: 26px;
    padding-left: 40px;
    #but1con {
    float: right;
    #buttoncon {
    float: right;
    #concontainer2 {
    background-image: url(images/video-bkg-5.gif);
    background-repeat: no-repeat;
    height: 1460px;
    background-position: center;
    #concontainer2b {
    background-repeat: no-repeat;
    height: 927px;
    background-position: center;
    background-image: url(images/video-bkg-4.gif);
    #footszcon {
    #ezcon {
    padding-top: 21px;
    padding-left: 63px;
    #netxcon {
    float: right;
    padding-top: 14px;
    padding-right: 20px;
    #netxcon img {
    margin-left: 18px;
    #readocon {
    font-size: 14px;
    font-weight: bold;
    margin-top: 95px;
    margin-left: 20px;
    .smallz {
    font-size: 10px;
    #bodcon2 {
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    #bodcon3 {
    margin-right: 35px;
    margin-left: 5px;
    float: right;
    #bodcon4 {
    margin-left: 20px;
    #bodconntainer {
    margin-top: 40px;
    .thanks {
    font-size: 12px;
    .bluze {
    color: #3366ff;
    .blue5 {
    font-size: 14px;
    font-weight: bold;
    color: #3366ff;
    #bodcon1 {
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 45px;
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
    #bodcon7 {
    margin-right: 100px;
    margin-left: 5px;
    font-size: 13px;
    float: right;
    .bluze2 {
    color: #3366ff;
    font-size: 12px;
    font-weight: bold;
    #trybuy {
    float: right;
    #bodconntainer #bodcon1 {
    font-size: 18px;
    color: #999;
    .bluze3 {
    color: #3366ff;
    font-size: 14px;
    font-weight: bold;
    .bluze4 {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    #netxcon4 {
    float: right;
    padding-top: 14px;
    padding-right: 20px;
    #netxcon8 {
    padding-right: 0px;
    float: right;
    .bluze5 {
    color: #3366ff;
    font-size: 31px;
    font-weight: bold;
    label.check {
    font-weight: bold;
    .orange16 {
    color: #f79420;
    font-size: 14px;
    font-weight: bold;
    .dark13 {
    font-size: 12px;
    font-weight: bold;
    color: #999;
    #col2z {
    width: 700px;
    padding-left: 30px;
    margin-top: 20px;
    #theproblemz {
    padding-left: 5px;
    #monitorcolz {
    #solutioncolz {
    .bb1 {
    float: right;
    .pp2 {
    float: right;
    .bb2 {
    float: right;
    .clearz {
    clear: both;
    #vidz1 {
    margin-right: 30px;
    #seal1 {
    float: right;
    margin-right: 30px;
    margin-bottom: 50px;
    #seal2 {
    float: right;
    margin-right: 30px;
    #seal3 {
    margin-right: 30px;
    float: right;
    #line2 {
    clear: both;
    #line3 {
    clear: both;
    #line1 {
    clear: both;
    #seal6 {
    float: right;
    margin-right: 30px;
    #seal7 {
    float: right;
    margin-right: 30px;
    margin-bottom: 50px;
    #seal8 {
    float: right;
    margin-right: 30px;
    #seal9 {
    float: right;
    margin-right: 30px;
    #seal4 {
    float: right;
    margin-right: 30px;
    margin-bottom: 50px;
    #seal5 {
    float: right;
    margin-right: 30px;
    #vidz2 {
    margin-right: 30px;
    #vidz3 {
    margin-right: 30px;
    #line4 {
    clear: both;
    #seal10 {
    float: right;
    margin-right: 30px;
    margin-bottom: 50px;
    #seal12 {
    #seal11 {
    float: right;
    margin-right: 30px;
    #seal12 {
    float: right;
    margin-right: 30px;
    #seal13 {
    float: right;
    margin-right: 30px;
    margin-bottom: 30px;
    #seal14 {
    float: right;
    margin-right: 30px;
    #seal15 {
    float: right;
    margin-right: 30px;
    #line5 {
    clear: both;
    #solutio {
    clear: both;
    #concontainer2 {
    background-image: url(images/vid-bkg-5.gif);
    background-repeat: no-repeat;
    height: 1460px;
    background-position: center;
    .big {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: #666666;
    #col5bb {
    width: 375px;
    padding-left: 30px;
    margin-top: 25px;
    #concontainerorder2 {
    background-image: url(images/order-background-new.gif);
    background-repeat: no-repeat;
    height: 560px;
    background-position: center top;
    margin-bottom: 30px;
    margin-top: 20px;
    #col5cc {
    width: 450px;
    float: right;
    margin-right: 40px;
    margin-top: 70px;
    #titlecol2 {
    width: 448px;
    #clickcol2 {
    .lift {
    margin-bottom: 4px;
    .pound {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #00F;
    #col44 {
    width: 330px;
    float: right;
    margin-right: 35px;
    margin-top: 25px;
    margin-left: 15px;
    #page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom4444 #concontainer333 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
    padding: 10px;
    #buycol2 {
    width: 161px;
    float: right;
    padding-top: 35px;
    #buzz {
    margin-top: 20px;
    #pledgecon2 {
    background-image: url(images/video-bkg-2.gif);
    height: 229px;
    background-repeat: no-repeat;
    padding: 10px;
    #aboutuzcon2 {
    font-size: 14px;
    margin-left: 42px;
    padding-top: 4px;
    font-weight: bold;
    color: #999;
    #concontainerorder3 {
    background-image: url(images/order-background-new.gif);
    background-repeat: no-repeat;
    height: 560px;
    background-position: center top;
    margin-bottom: 30px;
    margin-top: 20px;
    #concontainer3 {
    #concontainer3 {
    background-image: url(images/video-bkg-12.gif);
    background-repeat: no-repeat;
    height: 2920px;
    background-position: center;
    #prodetails {
    #col1b {
    width: 251px;
    margin-right: 35px;
    float: right;
    margin-top: 90px;
    #concontainer9 {
    background-image: url(images/index-9.gif);
    background-repeat: no-repeat;
    height: 927px;
    background-position: center;
    #contentscon2 {
    padding-left: 40px;
    padding-right: 40px;
    text-align: justify;
    margin-top: 80px;
    #greatvalue2 {
    width: 230px;
    margin-left: 40px;
    #buy2222 {
    width: 150px;
    float: right;
    margin-right: 30px;
    position: relative;
    padding-top: 20px;
    margin-bottom: 30px;
    #orderbottom9 {
    background-image: url(images/index-bottom-bkg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    height: 750px;
    #qvc {
    margin-left: 3px;
    margin-top: 80px;
    #readcol2 {
    background-repeat: no-repeat;
    height: 173px;
    clear: both;
    #revscon2 {
    font-size: 14px;
    font-weight: bold;
    color: #999;
    margin-left: 25px;
    #concontainer33 {
    background-repeat: no-repeat;
    height: 2920px;
    background-position: center;
    #contentscon22 {
    padding-left: 40px;
    padding-right: 40px;
    text-align: justify;
    #orderbottom44 {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    height: 3778px;
    #qvc2 {
    margin-left: 3px;
    margin-bottom: 15px;
    #orderbottom444 {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    height: 4778px;
    #concontainer99 {
    background-image: url(images/index-9999.gif);
    background-repeat: no-repeat;
    height: 3784px;
    background-position: center;
    #page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook #hook2 {
    padding: 10px;
    #concontainer333 {
    background-repeat: no-repeat;
    height: 3576px;
    background-position: center;
    #orderbottom4444 {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    height: 3778px;
    #concontainer999 {
    background-image: url(images/index-99.gif);
    background-repeat: no-repeat;
    height: 927px;
    background-position: center;
    #concontainerz {
    background-image: url(images/index-9.gif);
    background-repeat: no-repeat;
    height: 927px;
    background-position: center;
    #concontainer25 {
    background-image: url(images/index-9.gif);
    background-repeat: no-repeat;
    height: 912px;
    background-position: center;
    #pertutorz {
    padding-left: 5px;
    padding-bottom: 8px;
    #tabzcon9 {
    margin-left: 60px;
    padding-top: 18px;
    font-size: 14px;
    I hope that someone may be able to help.
    Thanks in advance.
    Fitz.

    Hey when i try to add the new code as
    sugested the whole of my pa
    ge code greys out...
    is this right?
    sorry if i sound stupid...
    heres my unchanged code in case of need...
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Learn Windows 7 DVD - ideal for visual learners - View online demo of contents</title>
    <!-- TemplateEndEditable -->
    <META NAME="KEYWORDS" CONTENT=",Learn windows 7 DVD, learn about computers, Windows 7 dvd, pc help, how to use a computer,windows 7,learning about computers,">
    <META NAME="description" content= " Need to learn about computers? Get this great Learn Windows 7 DVD with over
    5 hours of contents teaching everything you need to know Watch online demo of contents">
    <link href="../style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    //-->
    </script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body id="page6" onload="MM_preloadImages('../images/m1_1.gif','../images/m2_2.gif','../images/m3_3.gif',' ../images/m4_4.gif','../images/m5_5.gif')">
    <table class="main_table">
      <tr>
      <td  class="site_center"><table class="site_center1">
      <tr>
         <td><!-- TemplateBeginEditable name="Header" -->
           <object style="margin:0px 0 0 -5px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="780" height="339">
             <param name="movie" value="../flash/header_v8.swf?button=5" />
             <param name="quality" value="high" />
             <param name="menu" value="false" />
             <!--[if !IE]> <-->
             <object data="../flash/header_v8.swf?button=5"
                width="780" height="339" type="application/x-shockwave-flash">
               <param name="quality" value="high" />
               <param name="menu" value="false" />
               <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
               FAIL (the browser should render some flash content, not this).
                </object>
             <!--> <![endif]-->
            </object>
         <!-- TemplateEndEditable --></td>
        </tr>
        <tr>
         <td>
          <table id="content">
           <tr>
            <td class="row1"></td>
           </tr>
           <tr>
            <td><div id="pro11con">
              <div id="pro1con">
                <div id="case1con"><img src="../images/product-image.jpg" width="358" height="200" alt="Learn about computers the easy way DVD your visual guide for learning about Computers" />            
                </div>
                <div id="win7con"><img src="../images/leard-dvd.gif" width="345" height="144" alt="Learn Windows 7 The easy way DVD The Visual learning system" /></div>
              </div>
            </div>
    <div id="concontainer99"><!-- TemplateBeginEditable name="Title" -->
      <div id="tabzcon"><strong>About us</strong></div>
    <!-- TemplateEndEditable --><br />
                        <p>
              <!-- Boldchat Visitor Monitor HTML v1.30 (Website=- None -,ChatWindow=My Chat Window,ChatInvitation=My Invite Ruleset) -->
              <script language="JavaScript" type="text/javascript"><!--
    document.write('<scr' + 'ipt language="JavaScript" type="text/javascript" src="http://vms.boldchat.com/aid/1829731387427487376/bc.vms/vms.js?url=' + escape(document.location.href) + '&amp;referrer=' + escape(document.referrer) + '&amp;cidid=4472951096587932166&amp;cwdid=5671252028105896945&amp;cp=http&amp;cw=640&amp; ch=480"></scr' + 'ipt>');
    //-->
                                        </script>
              <noscript>
                 <a href="http://www.boldchat.com" title="Live Chat Software" target="_blank"><img alt="Live Chat Software" src="http://vms.boldchat.com/aid/1829731387427487376/bc.vmi" border="0" width="1" height="1"></a>
                 </noscript>
                        <div id="orderbottom4444">
              <div id="concontainer333"> <span id="concontainer33"><br />
                  </span>
                <div id="col44">
                  <div id="pertutor"><img src="../images/personal-tutor-x.jpg" alt="Learn about computers the easy way your very own Personal Tutor" width="163" height="34" /></div>
                  <span id="concontainer33">
                    <p></p>
                     </span>
                  <div id="qvc2"><!-- TemplateBeginEditable name="vidz" -->
                    <div id="vidzz">
                      <p>
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="309" height="263" id="FLVPlayer">
                          <param name="movie" value="../FLVPlayer_Progressive.swf" />
                          <param name="quality" value="high" />
                          <param name="wmode" value="opaque" />
                          <param name="scale" value="noscale" />
                          <param name="salign" value="lt" />
                          <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
                          <param name="swfversion" value="8,0,0,0" />
                          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                          <param name="expressinstall" value="../Scripts/expressInstall.swf" />
                          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                          <!--[if !IE]>-->
                          <object type="application/x-shockwave-flash" data="../FLVPlayer_Progressive.swf" width="309" height="263">
                            <!--<![endif]-->
                            <param name="quality" value="high" />
                            <param name="wmode" value="opaque" />
                            <param name="scale" value="noscale" />
                            <param name="salign" value="lt" />
                            <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
                            <param name="swfversion" value="8,0,0,0" />
                            <param name="expressinstall" value="../Scripts/expressInstall.swf" />
                            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                            <div>
                              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
                               </div>
                            <!--[if !IE]>-->
                             </object>
                          <!--<![endif]-->
                           </object>
                         </p>
                       </div>
                  <!-- TemplateEndEditable -->
                    <p><span class="dark13">A must for every household.</span><span class="greybold"> Get yours Today</span><br />
                       <img src="../images/blue-1.gif" width="287" height="18" alt="Click a blue link on the left to view another product sample" /></p>
                    <p> </p>
                  </div>
                  <div id="pledgecon">
                    <div id="pledcon">
                      <p><span class="indexbold2" id="concontainer33">Our Guarantee</span><span id="concontainer33"><br />
                           </span></p>
                          </div>
                    <div id="piccon"><img src="../images/face-2.gif" width="75" height="73" alt="Ceo Tracy Ferguson Guarantees our product" /></div>
                    <div id="text1">
                      <p>We are so confident that we have the best Learn About Computers DVD on the market that we offer a  full 30 day money back guarantee if you are not 100%  happy with your purchase.</p>
                          </div>
                    <div id="text2">
                      <p><span class="bluze">So why not take a 30 day trial today.</span></p>
                          </div>
                    <div class="bolds" id="text3">
                      <p>~ Tracy Ferguson ezway.co.uk<br />
                        ''Learn today the ezway''
                        <br />
                        <br />
                            </p>
                          </div>
                    <span id="concontainer33">
                      <p></p>
                       </span>
                    <div id="buzz"><img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></div>
                    <p> </p>
                    <p> </p>
                    <p><br />
                       </p>
                    <p>  </p>
                    <div>
                      <p class="big">Product  Testimonials <br />
                        <br />
                            <span class="input1">See what others have been saying</span></p>
                       </div>
                    <p> </p>
                    <div id="testa"><span class="bluze5">“</span>I had just brought a new Windows PC but didn’t have a clue  how to use the new features and more importantly didn’t have the time to learn,  the discovery of this DVD solved that problem with all my questions answered  with great easy to follow video explanations. Best of all I can get the answers  to my questions whenever I need on this easy to navigate DVD<span class="bluze3">” </span><br />
                      <br />
                          <span class="dark12"><span class="blue2">David Kelly</span> from Redcar Cleveland, UK</span> </div>
                    <p> </p>
                    <div><span class="bluze5">“</span>Fantastic; I’m a novice when it comes to computers. I have  Windows Vista but my kids couldn’t help me much with it because they have  Windows XP and Vista is totally different. I  bought this tutorial package to see if it could help me. It’s really good. I’m  finding out things that I didn’t know were possible. The demonstration is  really good. It takes you through each step by showing you and talking to you  about how and where things are done. If your like me and not too sure about Vista get this package. At least you will always have it  handy if you run into any problems. If it’s not for you it can always be  returned.<span class="bluze3">” </span><br />
                      <br />
                          <span class="dark12"><span class="blue2">Laura McErlaine</span>,from Devon, UK</span> </div>
                    <p> </p>
                    <div><span class="bluze5">“</span>I bought this DVD package to see if it could  help me. It's really great. I'm finding out things that I didn't know was  possible. The demonstrations are simple to follow. It takes you through each  step by showing you and talking to you about how and where things are done.  Best of all it has an excellent parental control section and now I can keep  tabs on my kids MSN and surfing habits. its also always handy if I ever run  into problems. Highly recommended!<span class="bluze3">” </span><br />
                      <br />
                          <span class="dark12"><span class="blue2">Margaret Taylor</span> from Swindon</span><span class="dark12">, Wilts, UK</span> </div>
                    <p> </p>
                    <div><span class="bluze5">“</span>I have been using Windows for approx 5 mths now, although I  managed, I did not realize how much more there was to using a computer until I  purchased these DVDs. My sister has now brought one, and I have just ordered  one for my brother-inlaw. This is the first time I have left a review for any  of my purchases, (and there are many)<br />
    Well worth the money.<span class="bluze3">” </span><br />
    <br />
    <span class="dark12"><span class="blue2">Niki Huchingson</span> from Cheshire</span><span class="dark12">, UK</span> </div>
                    <p> </p>
                    <div><span class="bluze5">“</span>That day finally came when I had to take that  step and buy a computer, these days everything seem to have reference to the  world wide web and I was getting left far behind in the dark ages.. The day I  brought my shiny new laptop I was disappointed to find no learning aids  included! It didn't even clearly show me how to switch the thing off and on.<br />
                                  <br />
    I bought this tutorial package to see if it could help  me. It's really great. I'm finding out things that I didn't know was possible.  The demonstrations are simple to follow. It takes you through each step by  showing you and talking to you about how and where things are done. Best of all  it has an excellent parental control section and now I can keep tabs on my kids  MSN and surfing habits. its also always handy if I ever run into problems.  Recommended!<span class="bluze3">” </span><br />
    <br />
    <span class="dark12"><span class="blue2">Beverley Web</span>, from Lancashire, UK</span></div>
                    <p> </p>
                    <div><span class="bluze5">“</span>Great product, does just what it says on the box. will be  used as a valuable point of reference for years to come. Quick delivery good  description of product very happy !!<span class="bluze3">” </span>
    </p>
                      <br />
                      <br />
                                <span class="dark12"><span class="blue2">Damien Hayden</span> from Kilmarnock</span><span class="dark12">, Scotland</span></div>
                    <p><span class="learnbold"><a href="file:///E:/WEBSITES%20DOWNLOADED%2030%2012%202010/WIN7%20-%20SITE%20-%2030%2012%202010/www root/index-3.html" class="dark13"><br />
    </a>A must for every household<br />
                         </span><span class="dark13">''Learn today the ezway''</span><span class="learnbold"><br />
                      </span><br />
                          <img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></p>
                    <p> </p>
                    <p> </p>
                    <p> </p>
                    <p><!-- BoldChat Live Chat Button HTML v3.00 (Type=Web,ChatButton=Ezway Chat Button,ChatWindow=Ezway Chat Window,Website=- None -,Department=- None -) -->
    <div style="text-align: center; white-space: nowrap;">
    <a href="https://livechat.boldchat.com/aid/1829731387427487376/bc.chat?cwdid=3189782500275221278" target="_blank" onclick="window.open((window.pageViewer && pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&amp;' : '?') + 'url=' + escape(document.location.href)), 'Chat3828307382658010510', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=400 ');return false;">
      <div><script language="JavaScript" type="text/javascript"> document.write(unescape('%3Cimg alt="Live chat by BoldChat" src="' + (('https:' == document.location.protocol) ? 'https:' : 'http:') + '//cbi.boldchat.com/aid/1829731387427487376/bc.cbi?cbdid=4257079219670373462" border="0" /%3E')); </script></div>
    </a>
    <div><font size="1" face="Arial"><a href="http://www.boldchat.com" style="text-decoration: none"><font color="black">Chat software by </font><b><font color="#AD3100">Bold</font><font color="#003163">Chat</font></b></a></font></div>
    </div>
    <!-- /BoldChat Live Chat Button HTML v3.00 -->
     </p>
                       <br />
                     </div>
                  <div id="buttoncon"></div>
                      </div>
                <div class="col4" id="col5bb">
                  <div id="videocon">
                    <table id="lessonsTable" class="lessons" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="txtThree" height="20"><table id="lessonsTable2" class="lessons" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="20" colspan="5" valign="middle" bgcolor="#F1F1F1"><div id="hook"><!-- TemplateBeginEditable name="DVDcontents" -->
                                <div id="hook2">
                                  <div>
                                    <h1 class="bluze4"><strong>Learn About Computers the Easy Way</strong></h1>
                                    <p class="chapterHd">Get to grips with the newest Windows operating system with your very own Personal Tutor, this essential product will hold your hand through the whole process from the very basics to the most advanced features of Windows 7. With over 5 hours of content, topics covered include Getting started using Windows, Setting up Parental Controls, networking your PCs, Internet and email, multimedia and entertainment and also the essential tasks of protecting and maintaining your computer from viruses and other common threats. A great gift and Excellent value</p>
                                    </div>
                                  </div>
                              <!-- TemplateEndEditable --><span id="concontainer33"><br />
                                   </span></div></td>
                               </tr>
                            <tr>
                              <td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
                              <td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
                              <td class="txtThree"> </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
                              <td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
                              <td class="txtThree"> </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td align="center" class="iconQuickActive" id="lessonIconActive119"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                              <td align="center" class="iconQuickActive" id="lessonIconActive119"> </td>
                              <td class="txtThree">Before watching our product clips why not view a product overview video<a href="../demo/Start-menu.html" class="bluze"> Click here</a><!-- TemplateBeginEditable name="intro" --></a><!-- TemplateEndEditable --></a></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
                              <td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
                              <td class="txtThree"> </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
                              <td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
                              <td class="txtThree"><strong class="learnbold">Part 1 - Learning the Basics - (DVD 1)</strong></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
                              <td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree"> </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive1" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive1" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Introduction</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive2" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive2" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Getting started </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive35" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive35" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Shut down options</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive34" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive34" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Shutting down your computer </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive42" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive42" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Switching accounts</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive41" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive41" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Logging off</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive40" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive40" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Lock Feature </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive39" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive39" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Restarting Windows</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive38" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive38" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Sleep function</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive37" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive37" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Hibernate feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive36" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive36" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Exploring The Start Menu options</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive33" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive33" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Search Box</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive74" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive74" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Document, Pictures and Music folders</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive73" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive73" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Games folder</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive72" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive72" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Computer option</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive71" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive71" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Control Panel</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive70" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive70" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree"><a href="../demo/Device_Printers.html" class="bluze">Devices and printers <!-- TemplateBeginEditable name="intro99" --><span class="italics">(View sample)</span><!-- TemplateEndEditable --></a></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive69" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive69" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Default Programs option</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive68" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive68" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Help and Support option</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive67" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive67" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Exploring the rest of the desktop interface</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive66" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive66" align="center" class="iconQuickActive"> </td>
                              <td class="bluze"><a href="../Demo/Taskbar.html" class="bluze">What is the Windows Taskbar<!-- TemplateBeginEditable name="intro2" --><a href="../Demo/Taskbar.html" class="bluze"><span class="italics">(View sample)</span></a><!-- TemplateEndEditable --></a></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive65" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive65" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Using WordPad</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive64" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive64" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Paint program</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive31" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive31" align="center" class="iconQuickActive"> </td>
                              <td class="bluze"><a href="../Demo/Taskbar_Features.html" class="bluze">Advanced Taskbar features<!-- TemplateBeginEditable name="intro3" --><a href="../Demo/Taskbar_Features.html" class="bluze"><span class="italics">(View Sample)</span></a><!-- TemplateEndEditable --></a></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive63" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive63" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree"><a href="../Demo/Resizing_Windows.html" class="bluze">Movinq &amp; Resizing Windows <!-- TemplateBeginEditable name="intro3b" --><a href="../Demo/Resizing_Windows.html" class="bluze"><span class="italics"> (View sample)</span></a><!-- TemplateEndEditable --></a></td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive62" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive62" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The snap feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive61" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive61" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Hide windows feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive60" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive60" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The shake feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive59" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive59" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Pin to taskbar feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive58" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive58" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Jump lists feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive57" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive57" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Open with feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive56" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive56" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Windows Shortcuts </td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive55" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive55" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Move icon feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive54" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive54" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Show desktop feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive53" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive53" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Flip 3D feature</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive52" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive52" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Closing tabs</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive51" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive51" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">The Notification Area</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive50" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive50" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Customising the taskbar</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive49" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                              <td id="lessonIconActive49" align="center" class="iconQuickActive"> </td>
                              <td class="txtThree">Lock the taskbar</td>
                              <td align="right" class="textOne"> </td>
                              <td> </td>
                               </tr>
                            <tr>
                              <td id="lessonIconActive48" align="center" class="ico

  • Spry menu problems with Internet explorer

    Hi everyone
    I'm having ongoing problems with my horizontal menus and
    internet explorer. They work fine in other browsers and with the
    generous help of others at these forums I've managed to sort out
    most of the problems. But I've hit a real wall with this one. The
    menus drop down showing the links OK but you cannot highlight or
    click on the options that drop down, they just appear as text. Any
    help would be appretiated. My appologies for posting in other
    threads also but just hoping for a response.
    I am very new to this side of design so simple answers would
    be very helpful. Thanks
    Bob

    I have 2 similar problems to the prior posts:
    1) I run IE7 and FF and the positioning of my submenus are
    skewed in IE only.
    2) I am not sure, but I believe I have a problem with my
    iframe appearing in my IE7 browser behind all of my submenus. Well,
    I know I have a problem with something, but whether or not it's the
    iframe I don't know. What I do know is that the box shows up like a
    border around my submenus and I can't get rid of it. I suspect that
    it may be caused by the fact that my menu buttons are imported
    gif's in the shape of rounded rectangles which allows for the
    corners to be visible. I actually just thought about it and my
    gif's are set to have a white index transparency, but maybe If I
    export the gifs without transparency, then that issue will be
    resolved. Well I will try that part and see, but any and all
    suggestions are welcome. Oh and I just remembered, that problem
    with the border around my submenus also has another problem with
    the word "false" inside of that border behind my submenus. This
    problem again is only in my IE browser, and it is hard to see it,
    but I have no idea why that is there or what it's from. I ran a
    search in my SpryMenuHorizontal.css page and in my html page for
    the word 'false' but nothing turned up. The only document related
    to this issue that contains the word 'false' is the
    'SpryMenuBar.js' document.
    CSS
    Layout file
    HTML Demo
    link
    Thank you,
    Danny

  • Need urgent help on file download servlet problem in Internet Explore

    I have trouble to make my download servlet work in Internet Explore. I have gone through all the previous postings and done some research on the internet, but still can't figure out the solution. <br>
    I have a jsp page called "download.jsp" which contains a URL to download a file from the server, and I wrote a servlet (called DownloadServlet) to look up the corresponding file from the database based on the URL and write the file to the HTTP output to send it back to the browser. <br>
    the URL in download.jsp is coded like <a href="/download/<%= currentDoc.doc_id %>/<%= currentDoc.name %>">on the browser, it will be sth like , the number 87 is my internal unique number for a file, and "myfile.doc" is the real document name. <br>
    in my web.xml, "/download/" is mapped to DownloadServlet <br>
    the downloadServlet.java looks like
    tem_name = ... //read DB for file name
    // set content type
    if ( tmp_name.endsWith(".doc")) {
    response.setContentType("application/msword");
    else if ( tmp_name.endsWith(".pdf")){
    response.setContentType("application/pdf");
    else if ( tmp_name.endsWith(".ppt")){
    response.setContentType("application/vnd.ms-powerpoint");
    else if ( tmp_name.endsWith(".xls")){
    response.setContentType("application/vnd.ms-excel");
    else {
    response.setContentType("application/download");
    // set HTTP header
    response.setHeader("Content-Disposition",
    "attachment; filename=\""+tmp_name+"\"");
    OutputStream os = response.getOutputStream();
    //read local file and write back to browser
    int i;
    while ((i = is.read()) != -1) {
    os.write (i);
    os.flush();
    Everything works fine in Netscape 7.0, when I click on the link, Netscape prompts me to choose "open using Word" or "save this file to disk". That's exactly the behavior I want. <br>
    However in IE 5.50, the behavior is VERY STRANGE.
    First, when I click on the URL, the popup window asks me to "open the file from its current location" or "save the file to disk". It also says "You have chosen to download a file from this location, ...(some url).. from localhost"
    (1) If I choose "save the file to disk", it will save the rendered "download.jsp" (ie, the currect page with URL I just clicked, which isn't what I want).
    (2)But if I choose "open the file from its current location", the 2nd popup window replaces the 1st, which also has the "Open ..." and "Save.." options, but it says "You have chosen to download a file from this location, MYFILE.doc from localhost". (notice it shows the correct file name now)
    (3) If I choose "Save..." on the 2nd window, IE will save the correct file which is "myfile.doc"; if I choose "Open ...", a 3rd replaces the 2nd window, and they look the same, and when I choose "Open..." on the 3rd window, IE will use Word to open it.
    any ideas?
    </a>

    Did you find a solution to this problem? I've been wrestling with the same issues for the past six months. Nothing I try seems to work. I've tried setting the contentLength(), inline vs. attachments, different write algorythms, etc. I don't get the suggestion to rename the servlet to a pdf file.

  • Caching problem with Internet Explorer

    Hi,
    users of an ApEx application I'm working on are reporting that when they're deleting an uploaded file from one of the pages in the application (using Internet Explorer), the link to the file remains. This is however not an issue in FireFox, and after some research I found out that this is a caching problem in IE. It can be avoided by making IE check for newer versions of stored pages every time a page is visited, but it is clearly not an option to ask all our users to do this. I also learned that it can be fixed by randomizing the file URL every time the page is loaded, but I don't know how to randomize a URL, nor how to make it still point to the uploaded file.. Any help would be appreciated!
    Thanks,
    -Kjetil

    Kjetil,
    This problem is also there if you use Flash Charts with a drilldown. See this posting:
    http://www.deneskubicek.blogspot.com/
    It will also link you to a corresponding thread and to an example in my demo application.
    The idea with a random number changing you link is the same I used in extending my
    xml chart package.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://htmldb.oracle.com/pls/otn/f?p=31517:1
    -------------------------------------------------------------------

  • Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

    I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer.  We are doing this for a school project, and eye appeal and workability is a top priority.  I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
    The Submenu Buttons Tile across the page, when they are supposed to go straight down...
    the Submenu overlaps the main menu when you hover over it
    and the darned thing wont center in any of my browsers, but thats the least of my worries.
    Here is the CSS Codes
    #MasterNavigator {
    width: 1024px;
    height: 75px;
    #Navigator {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    #NavigatorButtonsLeft  {
    background-image: url(../_images/MenuButtonBackgroundLeft.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsMiddle {
    background-image: url(../_images/MenuButtonBackground.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsRight {
    background-image: url(../_images/MenuButtonBackgroundRight.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsSub {
    background-image:url(../_images/SubMenuButtonBackground.png);
    width: 128px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    And here is my HTML code:
    Home
    Publishing
    Videos
    Patents
    Wallpapers
    Avatars
    Userbars
    Digital Design
    Digital Gallery
    3-D Gallery
    Sci-Fi
    Technology
    Structures
    Vehicles
    Concepts
    Web Design
    Templates
    Graphics
    About Us    
    Atom Enterprises
    Slamerz
    The images I used are 20% Transparent, and are listed below.
    http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
    http://atoment.007gb.com/_images/MenuButtonBackground.png
    http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
    http://atoment.007gb.com/_images/SubMenuButtonBackground.png
    Please try your best to help me.

    0087adam wrote:
    ok, but how can I make it work with what I have.  All the css codes are the
    same, they just have been renamed.
    The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
    In other words, you cannot make it work with what you already have.
    My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
    ul.MenuBarHorizontal a {
        color: #333;
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
        color: #FFF;
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
        color: #FFF;
    If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
    I hope this helps.
    Ben

Maybe you are looking for

  • How do I create a shared photo stream?

    I see discussions regarding shared photo streams - all pertaining to issues with existing shared photo streams.  I don't see anything that provides instructions on how to create a shared photo stream.  How is this accomplished?  And how do I allow so

  • How to check firmware version without unpacking iphone4?

    my iphone4 bought online through singapore apple store my serial no : 870466N4AS4 from what i learnt from internet 870 should be factory ( singapore or china i guess) 46 means 46th week (10th to 16th November) 6N4 (unique code) AS4 means iphone4 iOS

  • How do I center the whole slide in navigator view?

    New to iwork 08...how do I center the whole slide in navigator view (large pane)? The top and left edges do not show. Probably a simple answer but cannot find out how. Thanks. JM

  • Why isn't there the sound enhancer preference on the touch?

    works so well in iTunes and it's only a software filter so why not?

  • Newbie: trouble creating an eventlister

    actionscript 2.0 This code below gives this compile error: The class or interface 'MouseEvent' could not be loaded. function btnTest_Click(eventObject:MouseEvent) trace("Test"); btnTest.addEventListener(MouseEvent.CLICK,btnTest_Click); any suggestion