Warning: include_once(/home/llynix/llynix.com/wp-content/plugins/wordpress-support/wordpress-support.php): failed to open stream: Permission denied in /home/llynix/llynix.com/wp-settings.php on line 304

Warning: include_once(): Failed opening '/home/llynix/llynix.com/wp-content/plugins/wordpress-support/wordpress-support.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/llynix/llynix.com/wp-settings.php on line 304
HTML/CSS » llynix.com

Articles Under Category ‘HTML/CSS’

Sideways Text

Thursday, September 3rd, 2009

Just upgraded to Firefox 3.5 and I have to test out the goods.

Sideways Text

If your on a cutting edge browser the text should appear sideways. I had to tweak a bit to get it to display properly, so obviously there are a few bugs or misconceptions. The code for the curious is:


<div style="height:100px;">
  <br/><br/>
  <span style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">Sideways Text</span>
</div>

IE8 Compatibility View

Tuesday, June 30th, 2009

Compatibility View

Compatibility View


The latest incarnation of Internet Explorer 8 adds a new twist to standards compliant web pages. When viewing a webpage in standards mode the user is presented with a compatibility icon that can be toggled to view the page using the Internet Explorer 7 engine.

However, as web master you have ultimate control. By using the X-UA-Compatible meta tag in your documents you can choose which mode you want your page rendered in and hide the button from users.


<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
Always uses the latest available rendering engine.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Display using the IE8 rendering engine.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Display standards mode documents in IE7 standards mode, quirks mode documents in IE7 quirks mode.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Use IE7 standards mode.