3 Replies Latest reply on Nov 10, 2008 3:33 PM by Newsgroup_User

    Tab Hover Problem

    mel222222222
      I've used the "sliding door" css technique to create some tabs. They work beautifully from my hard drive, but when I move my files to the company's intranet server, I get a really unpleasant effect. When I hover over the tab, there's a blink and delay before the hover effect takes place. I've attached my code, but I'm really clueless as to what's going on. Any ideas from the experts?
        • 1. Re: Tab Hover Problem
          Level 7
          This is probably du to either your server or your network being overloaded,
          "mel222222222" <webforumsuser@macromedia.com> wrote in message
          news:gfa95p$8bt$1@forums.macromedia.com...
          > I've used the "sliding door" css technique to create some tabs. They work
          > beautifully from my hard drive, but when I move my files to the company's
          > intranet server, I get a really unpleasant effect. When I hover over the
          > tab,
          > there's a blink and delay before the hover effect takes place. I've
          > attached
          > my code, but I'm really clueless as to what's going on. Any ideas from
          > the
          > experts?
          >
          > /* --------------------- tab menu styles ------------------------ */
          > #navigation_box {
          > float: right;
          > width: 850px;
          > font: normal 9px Verdana, Arial, Helvetica, sans-serif;
          > line-height: 10px;
          > text-align: center;
          > position: relative;
          > margin-top: 20px;
          > background-image: url(../_images/bg_tab.png);
          > background-repeat: repeat-x;
          > background-position: bottom;
          > }
          > #navigation {
          > list-style-type: none;
          > float: right;
          > width: 838px;
          > margin-top: 10;
          > }
          > #navigation li {
          > float: left;
          > background: url(../_images/left_gr.png) no-repeat left top;
          > margin: 0px;
          > padding: 0px 0px 0px 8px;
          > }
          > #navigation a {
          > display: block;
          > background: url(../_images/right_gr.png) no-repeat right top;
          > text-decoration: none;
          > color: #FFFFFF;
          > margin: 0px;
          > font-weight: bold;
          > padding: 8px 10px 6px 3px;
          > }
          > #navigation a:hover, #navigation a:focus {
          > color: #88FD3D;
          > }
          > #navigation #current {
          > background-image: url(../_images/left_wh.png);
          > padding-bottom: 0px;
          > }
          > #navigation #current a {
          > background-image: url(../_images/right_wh.png);
          > color: #666666;
          > }
          > #navigation #current a:hover, #navigation #current a:focus {
          > background-image: url(../_images/right_wh.png);
          > color: #666666;
          > }
          >


          • 2. Re: Tab Hover Problem
            mel222222222 Level 1
            I was afraid it might be a server problem, because that's something I can't fix. I did notice that when I go to my page, then go to another website, then use my "back" button to get to my page again--everything works perfectly. Go figure...

            Thanks for your help, Alain...
            • 3. Re: Tab Hover Problem
              Level 7
              It easy to understand, Your intranet goes in your cache. So when you click
              the back button the cahe is loaded.

              "mel222222222" <webforumsuser@macromedia.com> wrote in message
              news:gfabdh$b4m$1@forums.macromedia.com...
              >I was afraid it might be a server problem, because that's something I can't
              > fix. I did notice that when I go to my page, then go to another website,
              > then
              > use my "back" button to get to my page again--everything works perfectly.
              > Go
              > figure...
              >
              > Thanks for your help, Alain...
              >