Private: Code & Script Snippet » HTML

Solve using multiple iFrames with Firefox

admin — Thu, 24 Jun 2010 08:28:48 +0000

change closing tag from

It might be that firefox assumes an iframe has content, and therefore doesn’t consider the tag closed.

Chrome Javascript debuging

admin — Mon, 28 Sep 2009 06:35:18 +0000

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

admin — Thu, 07 Feb 2008 13:34:30 +0000

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)

admin — Mon, 04 Feb 2008 11:44:00 +0000

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

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

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

admin — Tue, 18 Dec 2007 10:06:59 +0000

IE.

HTML page:

my css hacked page

….
…

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 {
    background-image: url(’images/watermark.png’); /* transparent */
    background-position: left top !important; /* for all but IE */
    background-position: right top; /* for IE */
    background-repeat: no-repeat;
}

iehacks.css

/* for IE6 and older */
div.watermark {
background-image: url(’images/watermark.gif’); /* here is a transparent that will be displayed better in IE6 and older */
}

Ofcourse above is just an example using semi-transparent png for all browsers but IE6 and older. Like that you’ll be able to make your website more compatible.

Table Wizard

admin — Thu, 13 Dec 2007 07:45:17 +0000

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