Saturday, March 14, 2009

Div CSS styles

hello designers,
recently had a task which could not suffice with old traditional tables(obsolete)
and had to ditch them for divisions. to make the outlook similar to how a table appeared before requires much use of css styles; a couple of them that were of use;

float:left /* to make two divs appear adjacent to each other(no break) */

position:relative/absolute /* can be used to set div position, handy for div shadows */

filter:alpha(opacity=60); /* transparent div in IE */

-moz-opacity: 0.6; /* transparent div for Netscape earlier versions */

opacity: 0.6; /* transparent div for mozilla and other gecko browsers */

to be sure use all in your css;

be careful with nested divs as styles can be inherited if not set inline for inner divs.

complete reference at www.w3schools.com.

1 comment: