HTML | Private: Code & Script Snippet

Chrome Javascript debuging

Executing following code from the browser address bar:

javascript: console.log(3);

successfully prints message to the “JavaScript Console” in Google Chrome.

transparent alpha opacity

div.box_background {

background-color: white;

height: 100%;

filter:alpha(opacity=75); /* IE’s opacity*/

left: 0px;

opacity: 0.75;

position: absolute;

top: 0px;

width: 100%;

z-index: 99;

}

Drop shadow div (IE)

<div style=” color: White; background-color: Maroon; width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=’gray’, Positive=’true’)”> xxxxxxxxxx</div>

ref: http://msdn2.microsoft.com/en-us/library/ms532985.aspx

Solve problem Div Height for difference Browser (ie 6, ie 7, firefox and other)

IE.

HTML page:

<head>
<title>my css hacked page</title>
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
<!–[if lt IE 7]>
<link rel=”stylesheet” type=”text/css” href=”iehacks.css”>
<![endif]–>
<body>
<div class=”watermark”>….</div>…

styles.css

/* styles for all browsers excluding IE7. Things not for IE7 will be left out with !important */
body {
background-color: black;
background-image: url(’images/gradient.jpg’);

    background-position: left top;
    background-repeat: repeat-x;
}   /* black background with gradient on top. */

div.watermark {
[...]

Table Wizard

table wizard…..

http://www.somacon.com/p141.php
javascript menu
http://www.projectseven.com/index.htm
http://www.projectseven.com/products/templates/pagepacks/dejavu/page2.htm

Private: Code & Script Snippet

Categories

Recent Posts

Category Cloud

Chrome Javascript debuging

transparent alpha opacity

Drop shadow div (IE)

Solve problem Div Height for difference Browser (ie 6, ie 7, firefox and other)

Table Wizard

Archives

Blogroll

Dev link

Entertain

Learn Engligh

Tools