Monitor Reply

Support

span:active-link and span:hover not working in IE6

Permalink Browser Info Environment September 11, 2011 at 6:52 AM

I have installed EasyTabs and all is working well except for span:hover and span:active-link. I have tried using the whatever:hover fix (http://peterned.home.xs4all.nl/csshover.html) - csshover3.htc. The .htc file is placed in concrete/themes/default/ directory and where a behaviour parameter is added to the <body> tag in the main.css doc and the url path is relative to the html document.

html, body {height: 100%; width:100%; behavior: url("/concrete/themes/default/csshover3.htc"); }

To the .htaccess file, I also added; AddType text/x-component .htc (as advised in the Notes section of the whatever:hover explanation)

All to no avail!

I had the same problems in IE7 but this was fixed by adding overflow:auto; to the ul.ccm-easyTabs-nav li span.active-link rule in easy_tab.css (/packages/blocks/mylab_easy_tabs/)

Would appreciate if you could advise the working solution.

Danielle

Type:	Discussion
Status:	New

dekelly replied on Sep 11, 2011 at 9:36 pm Permalink Reply

Fixed the span.active-link issue in IE6 by modifying ul.ccm-easyTabs-nav li span in easy_tabs.css. I added an IE6 (in the *html rule) with display:inline block and a width:auto parameter.

ul.ccm-easyTabs-nav li span {
   display: block;
   background: #eeeeee;
   text-decoration: none;
   color: #000;
   font-size: 1.2em;
   padding: 0 20px;
   border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
   outline: none;
   -webkit-border-radius:5px 5px 0px 0px;
   -moz-border-radius:5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
   cursor:pointer;
}
*html ul.ccm-easyTabs-nav li span {

Viewing 15 lines of 18 lines. View entire code block.

 
ul.ccm-easyTabs-nav li span {
   display: block;
   background: #eeeeee;
   text-decoration: none;
   color: #000;
   font-size: 1.2em;
   padding: 0 20px;
   border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
   outline: none;
   -webkit-border-radius:5px 5px 0px 0px;
   -moz-border-radius:5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
   cursor:pointer;
 
}
 
*html ul.ccm-easyTabs-nav li span {
   display: inline-block;
   width: auto
}

Still working on the hover problem.

Danielle

sebastienj replied on Sep 12, 2011 at 5:47 am Permalink Reply

Hi, thnaks for the purchase and the job!
If you want i can add by javascript a class to the title hovered. A '.ccm-easyAccordion-title-hover' you will use '.ccm-easyAccordion-title-hover span' to change the state of the span hoverded?

Let me know

Seb

dekelly replied on Sep 12, 2011 at 9:51 am Permalink Reply

Hi Seb,

Do you mean .ccm-easyTabs-title-hover? Not easyAccordion?

I only need a fix for IE6 - the other versions of IE are working fine. If you think that will work, then yes please, please go ahead and make the adjustment to the javascript. Please also let me know how I need to modify the css (if necessary).

Danielle

sebastienj replied on Sep 12, 2011 at 10:54 am Permalink Reply

I,ve updated the package with this addition. Look into the easy_tab.css the new line :
.ul.ccm-easyTabs-nav li span:hover, ul.ccm-easyTabs-nav li span.hover

Let me know

Seb

dekelly replied on Sep 12, 2011 at 9:38 pm Permalink Reply

Thanks. Where or how can I see that change? I thought maybe the changed was reflected on the DEMO site but I don't see the easy_tabs.css file using Firebug. Do I have to buy the package again? Or can you post the code here?

Greatly ppreciate your time!

Danielle

dekelly replied on Sep 14, 2011 at 1:17 am Permalink Reply 1 Attachment

Hi Seb,

I am still trying to see where your changes are. Should I be purchasing and downloading the package again?

Attached is the Javascript for the version I have purchased. If you could advise what needs to be changed/added in the javascript for IE6 hover function, I'd appreciate it.

Regards,
Danielle

Easy Tabs

Support

span:active-link and span:hover not working in IE6

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post