Flash Overlaps CSS DIV

The flash thingy is overlapping my CSS div! TASKETE~!

Solution? In your flash object code, add these parameters:

<param name="quality" value="high" />
<param name="wmode" value="transparent" />

Opacity

It works on all browsers except IE6. Because IE sucks!

filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;

–
From my codix.

Links In and/or Out of Site

Due to power of CSS3 (yes, no IE6 again, because IE sucks), you can have an specific style for all links that belonged to a specific domain of your choice.

a[href*="http"] {

}

Example:

a[href*="www.beyondeternal.com"] {

}

–
From my codix.

Scrollbar (All browser)

Want a vertical scrollbar? Use this:

overflow: -moz-scrollbars-vertical;
overflow-y: scroll;

–
From my codix.

Styling Input Boxes

This is a CSS3 feature. Therefore, no IE6.

To style a text input box:

input[type=text] {
[insert code here]
}

To style a submit button:

input[type=submit] {
[insert code here]
}

–
From my codix.

First Letter of a Paragraph

To style a first letter of a paragraph:

p:first-letter {
[insert code here]
}

–
From my codix.

Opera Padding Hack

According to the magazine I read, Opera has default paddings. To remove them, use these so-called hacks.

For the body:

body {
padding:0;
}

For the ordered and unordered lists:

li, ol, ul {
padding:0;
}

–
From my codix.