example of using jquery ui dialog box to create 3 column clean layout


I spent quite good amount of time searching over the internet for creating a 3 column layout. But i wanted to use the jquery dialog box as it is quite good looking.

At lasted i landed into the following code (which worked completely fine for me)
<link href=”http://beta.walletchange.com/css/start/jquery-ui-1.8.11.custom.start.css&#8221; rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”http://beta.walletchange.com/js/jquery-1.5.1.min.js”></script&gt;
<script type=”text/javascript” src=”http://beta.walletchange.com/js/jquery-ui-1.8.11.custom.min.js”></script&gt;

<div style=”width: 70%; float: left;”>
<div>
<div style=”z-index: 2;”>A nice forum for Multilevel Marketing Leaders</div>
<div id=”Div3″>

Please visit walletchange.com for a demo

</div>
</div>
</div>

<div  style=”width:29%; float:right;” >
<div >
<div id=”Div6″>
Right Side Content

</div>
</div>
</div>

<div style=”width:76.5%; left:5px; z-index:1; position:relative;”>
<div  >
<div style=”z-index:2;”>
Your Middle Post Header

<div id=”Div2″>

Middle Content : This looks is basen on the “Start” theme of Jquery UI Dialog
&nbsp;</div>
</div>
</div>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s