Forum Support

 
Advanced Search


[1]

Offline bizneg
Free Member
Posts: 7
Posted on: January 17, 2012, 03:11:50 PM

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
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 17, 2012, 05:56:21 PM

It should be located here:

template.css (line 993)

#s5_tabshow_left {

Logged

Offline bizneg
Free Member
Posts: 7
Posted on: January 18, 2012, 03:08:40 AM

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

« Last Edit: January 18, 2012, 11:28:32 PM by bizneg »
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 18, 2012, 01:27:33 PM

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
Logged

Offline bizneg
Free Member
Posts: 7
Posted on: January 19, 2012, 07:32:19 AM

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
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 20, 2012, 02:51:53 PM

Hey Brian,

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

Logged

Offline vmoadmin
Free Member
Posts: 3
Posted on: February 05, 2012, 02:18:16 AM

Hi,

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

Cheers.
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: February 06, 2012, 03:07:41 PM

Can you post a URL of this please?
Logged

Offline vmoadmin
Free Member
Posts: 3
Posted on: February 08, 2012, 01:45:00 PM

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

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: February 09, 2012, 12:44:50 PM

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

Offline vmoadmin
Free Member
Posts: 3
Posted on: February 09, 2012, 02:06:39 PM

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:
Code:
#s5_tabshow_left  {
background: #676767; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
position:relative;
behavior: url(templates/maxedmag/css/PIE.htc);}
« Last Edit: February 09, 2012, 02:23:29 PM by vmoadmin »
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: February 10, 2012, 02:18:36 PM

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

Offline bizneg
Free Member
Posts: 7
Posted on: February 15, 2012, 07:20:56 AM

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
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.032 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.