May
06
2009
Written by admin
I work on Perl and CGI recently for my college project and so I decided to write a few steps on setting up Perl and CGI with Wamp Server. I hope this might be useful.
Step1:
First you need to download Wamp Server from www.wampserver.com and install Wamp Server on your machine. The default installation directory is ‘C:\wamp” and here I am using the default options for installation. To complete the installation you have to set the host name for your mail server and your email address, here you can leave the default option again. That will do no harm.
The current Wamp Server will install Apache 2.2.11, PHP 5.2.9-2 + PECL, MySQL 5.1.33, SQLitemanager and PhpMyadmin. Continue reading…
Tags: CGI, Perl, Wamp
Categories: MySQL, Tips and Tricks, Tutorials, Web Design |
Mar
27
2009
Written by admin
This technique is really simple. Having equal height division in your design is sometimes necessary to maintain consistent look and feel on your layout. You can use this technique to make your sidebars equal height, or to make your content area and the sidebars equal height.
Get The Source Code: Without Jquery With Jquery
Step 1:
Create an index.html file for your layout. I create an example html layout for this article.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Equal Height Division Using Javascript and CSS</title>
<link type="text/css" rel="stylesheet" href="style.css" />
<script type="text/javascript" language="javascript" src="javascript.js">
</script>
</head>
<body onload="grabtheclass()">
<div class="outer">
<div class="inner">
<div class="main">
<p>The Main Content</p>
<p>The Main Content</p>
<p>The Main Content</p>
<p>The Main Content</p>
<p>The Main Content</p>
</div>
<div class="sidebar">
<p>The Sidebar Content</p>
<p>The Sidebar Content</p>
<p>The Sidebar Content</p>
</div>
</div>
</div>
</body>
</html>
Continue reading…
Tags: CSS, Equal Height Sidebar, Javascript
Categories: Javascript, Tips and Tricks, Web Design, XHTML & CSS |
Mar
22
2009
Written by admin
This simple tips will help you make your division float above flash object or flash player embedded on your website. When you embed a flash object or flash player on your website, the flash object will take the highest number possible z-index by default and all the other division layer will appear below the flash object. Actually this property of embedded flash object is quite useful in most cases. However when you want some text or division to appear on top of your flash object, you need this tips to fix that issue. You have three options to fix this floating issue.
First option is to compile/recompile your flash object with the parameter ‘wmode‘ value set to ‘opaque‘. However, in most cases, we normally get a precompiled flash object rather than the source flash file. In such cases the second option will be more suitable. Second option is to add a parameter in your flash object as shown in example below
<object>
<param name="bgcolor" value="#FFFFFF" />
<param name="width" value="670" />
<param name="height" value="390" />
<param name="wmode" value="opaque" />
</object>
Third option is to add an attribute ‘wmode’ with value set to ‘opaque’ in the object file. After performing any one these, your flash player or flash object will float below <DIV> having higher z-index.
Tags: CSS, Flash
Categories: Flash, Tips and Tricks, Tutorials, XHTML & CSS |
Recent Comments