Public Forums 71,145 posts

[brookesy_au Friend brookesy_auJoin date: January 2012Posts: 17Downloads:86Uploads:0 Thanks: 6 Thanked: 3 times in 1 posts]

#175149

Hi Guys,
Personally, I’d prefer if IE didn’t exist at all, however for the purposes of the greater viewing audience can anyone please tell me of the general process of adding IE conditional comments?
Therefore, the equivalence of adding, for example:

<!–>
<link rel=”stylesheet” type=”text/css” href=”/mydomain.com/css/ie8.css” media=”screen” />
<!–>

There is an IE7 style sheet already including with the JA-Nex template I am modifying (within Joomla 2.5) which is overriding and detecting my changes just fine for IE7, however I would like to add alternative styles for IE6, 8, and 9.

More so to the point, there is no conditional comment I could see in the header source, and I’m not sure how the existing template-ie7.css file is being targeted etc.

Any advice and/or suggestions much appreciated.

Regards,
Rob

Linux & Open Source: FREEDOM!

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#444518

Hi Rob,

you can add IE specific css files within your templates layout. Go to the template manager and open the layout you’re using (e.g. Default). At the top you’ll see something like this:


<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>


just add this for the various IE versions and create the files in you templates folder /css


<!--Extra css load for this layout-->
<stylesheets>
<file condition="ie">css/template-ie.css</file>
<file condition="ie 7">css/template-ie7.css</file>
<file condition="ie 8">css/template-ie8.css</file>
<file condition="ie 9">css/template-ie9.css</file>
</stylesheets>


Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. brookesy_au

[brookesy_au Friend brookesy_auJoin date: January 2012Posts: 17Downloads:86Uploads:0 Thanks: 6 Thanked: 3 times in 1 posts]

#444613

Many thanks for that, Frank. Cheers!

Linux & Open Source: FREEDOM!

[laz18345 Friend laz18345Join date: November 2010Posts: 21Downloads:0Uploads:5 Thanks: 5 Thanked: 2 times in 1 posts]

#486689

<em>@pixelzombie 308606 wrote:</em><blockquote>Hi Rob,

you can add IE specific css files within your templates layout. Go to the template manager and open the layout you’re using (e.g. Default). At the top you’ll see something like this:


<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>


just add this for the various IE versions and create the files in you templates folder /css


<!--Extra css load for this layout-->
<stylesheets>
<file condition="ie">css/template-ie.css</file>
<file condition="ie 7">css/template-ie7.css</file>
<file condition="ie 8">css/template-ie8.css</file>
<file condition="ie 9">css/template-ie9.css</file>
</stylesheets>


Cheers

Frank</blockquote>
Do you know why this does not work for ja-puresite 2.5 ?
I insert the bellow in the head.php and worked but not for the all menus see http://odysseus-shipmodels.gr/bullet/index.php?option=com_content&view=article&id=172&Itemid=712&lang=en

<!–>
<link rel=”stylesheet” href=”<?php echo $this->baseurl; ?>/templates/ja_puresite/css/template-ie9.css” type=”text/css” />
<!–>

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486784

Hi,

When I open your site in IE9, I see that this: /templates/ja_puresite/css/template-ie9.css file is loaded. And it looks the same in IE9 and Chrome, let me know how you want to achieve.

[Author]

Posts