stackemedia

Browser Specific CSS

This was posted in CSS on June 17th, 2009

Before we begin it is presumed you already understand how to set up a CSS file and use it in your web page.

This site uses a CSS style sheet for positioning, images, text formating, etc. Unfortunately not all browsers recognise all CSS code in the same way (if at all).

I didn’t want to rely on using javascript to switch the css file for different browsers.
I wanted it to work in both Firefox and Internet explorer. What I found though was that using certain CSS codes would produce perfect output in one browser, but throw off the design in the other browser.
This will hopefully be resolved in the future; however for now I had to use a CSS ‘hack’ to get both browsers to display my content in the same way.
Read the rest of this entry »

Using CSS

This was posted in CSS on June 17th, 2009

Introduction

CSS is what is becoming the staple way to create layouts and styles for websites. CSS code tells the browser where to display objects on the page (such as text or images). It can also be used to format and colour parts of your website.

Read the rest of this entry »

IE and Firefox Alpha blending (CSS)

This was posted in CSS, Development, Tutorials on May 24th, 2009

To set alpha blending for an object (i.e. image), add the following lines to your css file (first line for IE6+, second line for Mozilla Firefox.

filter:alpha(opacity=70);
-moz-opacity:0.7;

Tested browsers: firefox, chrome, IE8