Shape 5

Hi

I've been trying to change the background colour of the tabshow for IE.    I've done it for other browers by changing the CSS code for the S5_tabshow_left object.    For IE, I can't seem to get it right.    The source code showing in IE that is causing the color is as follows:

#s5_menu_wrap, #s5_bottom_row3_wrap, #s5_accordion_menu h3.s5_am_toggler, #s5_tabshow_left, .module_round_box-h3line .s5_h3_outer, .module_round_box-h3line h3.s5_mod_h3, .s5_datewrapper, .s5_va_inactive, .s5_ls_top_bar, .s5_ls_bottom_bar{
   background: #676767; /* Old browsers */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

Unfortunately I can't find where in the template this code is coming from.   So far I've looked at the following files:

/templates/maxedmag/html/mod_s5_tabshow/s5_tabshow/styles.css
/templates/maxedmag/css/template.css
/templates/maxedmag/IECSS3.css

PLease could you let me know which file and object controls the css for this module in IE?

Thanks
Brian

It should be located here:

template.css (line 993)

#s5_tabshow_left {

Hi Jonah,

That's the first code I looked at, and it does seem to control it for the other browsers.   I don't believe this is controlling it for IE though.   Please could you take a look.   My code from template.css looks like this:

    #s5_tabshow_left {
      margin-top: -11px;
      color:#c2c2c2;
      overflow:hidden;
      -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      background: #FFFFFF;  /* Old browsers */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#000000)); /* Chrome,Safari4+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera11.10+ */
      background: url(../images/Shape5_MaxedMag_static.png) repeat, -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* W3C */}


You will note I changed the fade from( #676767 to #000000) to be (#FFFFFF to #FFFFFF).    This worked for the other browsers.   

Unfortunately, IE still not working.    Please take a look at our site:    xxx  If you look in firefox or safari it's OK.   IE it still does the fade from #676767 to #000000. 

As I mentioned in the first note, there is source code in the IE page which uses code that I found examples of in the file "IECSS3.CSS", but this does not seem to work either.   

Any thoughts welcome.

Thanks
Brian

Hey Brian,

You are right its not in the template css file.  I checked and its at the top of the IECSS.css file.  If you dont see it download a fresh copy perhaps it was deleted somehow

Hi Jonah,

Sorry, but still no joy.   I compared my file to the original in the template download and everything was there and as it should be.   I then tried changing the color scheme for the tabshow left object in this file.   This did no work.    I then went and change every piece of css in this file which contained the same color scheme (i.e.  the 676767 to 000000 fade...) just to check.   This also did not work.    So in my file, there is now no longer a single object containing the 676767 to 000000 color range, and IE is still showing these colors in the tabshow.

Any further ideas? 

Regards,
Brian

Hey Brian,

If you can PM me ftp login details and I site URL I can take a look at this for you.

Hi,

I, too, am having the same problem.
If you find a resolution, please let me know. :)

Cheers.

Can you post a URL of this please?

vmotorsport.com.au - tabshow on the right is grey in every browser except IE.

Did you get this working?  Or perhaps try clearing your browser cache because I just checked in IE8 and its working great

Though tabshow is working great - the background style is not the grey to white fade that I want.

It works fine in chrome/opera/firefox etc, but IE still shows the standard grey to black fade.

How it looks in Chrome/Firefox etc:
http://www.wagglemax.org/vmoChrome.png

How it looks in IE9:
http://www.wagglemax.org/vmoIE9.png

The following is my code in IECSS3.css in templates:

Ok so just IE9 then?  I looked in ie8/ie7 and it shows the gray to white

Hi Jonah,

sorry for the delayed response.   I actually eventually gave up and decided to use a different module I found elsewhere, as that was quicker.   

Thanks for your time on this.

Brian