Media types available in Stylesheet

all all media type devices
aural speech and sound synthesizers
braille braille tactile feedback devices
embossed paged braille printers
handheld small or handheld devices
print printers
projection projected presentations, like slides
screen computer screens
tty media using a fixed-pitch character grid, like teletypes and terminals
tv television-type devices

How to Get Values from popup to parent

The requirement is
I had a button wen i click it a popup window will display with some values.
I have to select those values. the selected values must display in the parent window.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

 <body>

 <form>

 <table border=1>
 <th>Name</th>
 <th>Country</th>
 <tr>
 <td><input id="name" name="name" /></td>
 <td><input id="country" name="country" /></td>
 </tr>
 </table>

 <input type="button" name="choice" onClick="window.open('popup.html','popuppage',' width=350,toolbar=1,resizable=1,scrollbars=yes, height=300,top=100,left=100');" value="Add">

 </form>

 </body>

</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>

 <SCRIPT LANGUAGE="JavaScript">
 <!-- Begin
 function sendValue (n, c){
 var name = n.value;
 var country = c.value;
 window.opener.document.getElementById('name').value = name;
 window.opener.document.getElementById('country').value = country;
 window.close();
 }
 //  End -->
 </script>

 </head>
 <body>

 <form name="selectform">

 <table width="250">

 <tr>
 <td>
 Enter your name:
 </td>
 <td>
 <input type="text" name="name" id="name">
 </td>
 </tr>

 <tr>
 <td>
 Select your country:
 </td>
 <td>
 <select name="country">
 <option value="India">India</option>
 <option value="United States">United States</option>
 <option value="United Kingdom">United Kingdom</option>
 <option value="Germany">Germany</option>
 <option value="France">France</option>
 </select>
 </td>
 </tr>

 <tr>
 <td>
 <input type=button value="submit" onClick="sendValue(this.form.name, this.form.country);">
 </td>
 </tr>

 </table>

 </form>

 </body>
</html>

Include PHP files in HTML pages using .HTACCESS

Usually, its not possible to include PHP files into HTML pages. Here i got a way for this which works. Its nothing but using .HTACCESS.

Create a .HTACCESS file in the root folder or a specified folder.
Add the below code  into your .HTACCESS file

Options +FollowSymLinks
AddType application/x-httpd-php .htm

Thats it

Now, you can include PHP files into your Static HTML Pages.

Flip Image using CSS

img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
filter: FlipH;
-ms-filter: “FlipH”;
}

CSS most used font family

Andale Mono, monospace;
Arial, sans-serif;
Arnoldboecklin, fantasy;
Blippo, fantasy;
Bookman, serif;
Brushstroke, fantasy;
Comic Sans, Comic Sans MS, cursive;
Coronetscript, cursive;
Courier New, monospace;
Courier, monospace;
Fixed, monospace;
Florence, cursive;
Gill Sans, sans-serif;
Helvetica Narrow, sans-serif;
Helvetica, sans-serif;
Impact, fantasy;
Lucida, sans-serif;
Lucidatypewriter, monospace;
New Century Schoolbook, serif;
Oldtown, fantasy;
Palatino, serif;
Parkavenue, cursive;
sans-serif;
Times, serif;
Times New Roman, serif;
Zapf Chancery, cursive;

HTML cross browser transparency / opacity

.transparency{

opacity: 0.5;

/* works for IE 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;

/* works for IE 5-7 */
filter: alpha(opacity=50);

/* Netscape based like firefox*/
-moz-opacity: 0.5;

/* Safari */
-khtml-opacity: 0.5;

}

HTML Text Selection Color

/* Mozilla based browsers */
::-moz-selection {
background-color: #F0F0F0;
color: #000000;
}

/* Works in Safari */
::selection {
background-color: #F0F0F0;
color: #000000;
}

In-line Block for cross browsing

li {
width: 100px;
min-height: 150px;
display: inline-block;
vertical-align: top;
*display: inline;
margin: 15px;
zoom: 1;
_height: 150px;
border: 2px solid #000000;
display: -moz-inline-stack;
}

here is the list of html & css text properties

letter-spacing
word-spacing
line-height
vertical-align
text-transform
text-indent
text-align
text-decoration

here is the list of font properties available in HTML & CSS

font
font-style
font-size
font-variant
font-family
font-weight