.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}1. opacity: 0.5; this is use for all the browser like Firefox, Safari and Opera.
2. -khtml-opacity: 0.5; this is use for the Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit.
3. -moz-opacity:0.5; this line of code is use for the Firefox
4. filter:alpha(opacity=50); this line of code is use for IE6
One of the main advantages of using CSS is the large reduction in web page download time. To style text, you used to have to use the <font> tag over and over again. You probably also laid out your site with tables, nested tables and spacer gifs. Now all that presentational information can be placed in one CSS document, with each command listed just once.
But why stop there? By using CSS shorthand properties you can reduce the size of your CSS document even more.
Read More »
Here is a list of ten things I wish someone would’ve told me when I first started designing in CSS. This is by no means, a list of the best CSS tips ever, just good ones that often get overlooked, or unmentioned.
Having a naming system for id’s and classes saves you a lot of time when looking for bugs, or updating your document. Especially in large CSS documents, things can get a big confusing quickly if your names are all different. I recommend using a parent_child pattern. The parent would be the containing element. So if our first div was named “header”, and two divs nested inside called “navbar” and “logo”. the naming system in your css would look like this:
#header #header_navbar #header_logo
This is just an example, and I’m sure everyone does it differently. The point is to have some kind of pattern, or system to combat the eventual confusion that seems to lend itself to CSS documents.
Note: If you look at my CSS, you’ll see that I still have to do this myself. I should’ve taken my own advice when I started and it would’ve saved me a lot of work 
As you know IE versions below 6 do not support png transparency. This plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact.Plugin works well with both img elements within the DOM and css properties specified externally.
In css the combobox was difficult to style it in our way. So I find some small way to style the combobox using css and javascript. But this is only work in Firefox, Safari and IE7 it is not compatible in IE6. Code is down below …..
First step you have to write the javascript like this
function updateField(target,selected){document.getElementById(target).value = selected.options[selected.selectedIndex].value;}
Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs.Lets take a look at recent examples of these …
Demo: Mootols Version
Demo: Script.aculo.usRead more »
Below is a basic master stylesheet, I removed some styling from elements to keep it simple, like colors, but once you give it your own touch, you’ll have a stylesheet that will help with the majority of your CSS nightmares:
/***** Global Settings *****/
html, body {
margin: 0;
padding: 0;
height: 100%;
}
You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch. The latter might contain some basic definitions you’d write in your code anyway. However, once you’ve decided to create such a scratch, you need to make sure it is really bulletproof — besides, if the stylesheet also sets up optimal typographic rules and basic form styling you manage to kill two birds with one stone.
These selectors are very useful when you want to change a style in one browser but not the others.IE 6 and below
* html {}
IE 7 and below *:first-child+html {}
* html {} IE 7 only
*:first-child+html {} IE 7 and modern browsers only
html>body {} Modern browsers only (not IE 7)
html>/**/body {}Recent Opera versions 9 and below
html:first-child {}
Safari html[xmlns*=""] {}
To use these selectors, place the code in front of the style.
