Say No to DiggBar

Apr 10 2009 Published by under English,WordPress

Couple of ways to remove the DiggBar out of your way:

  • Put this code into the head tag of your site template:


<script type="text/javascript"><!--
if (window != top){
top.location.replace(window.location);
}
// --></script>

  • If you are using WordPress, try this plugin:

http://wordpress.org/extend/plugins/remove-the-diggbar/

  • And click “Always hide the toolbar” here:

Always hide the DiggBar

Enjoy your bigger frame!

No responses yet

Three columns layout without table

Feb 08 2008 Published by under English

Computer monitors are getting bigger and bigger, so do the html pages. People start to add more columns into the layout.
To create a three columns layout, in a very traditional way you can do it in a table, like this:

<table>
  <tr><td>Left</td><td>Main</td><td>Right</td><tr>
</table>

There are some obvious downside on this:

  • Mix data and presentation
  • Not browser friendly, try to browser this use a mobile phone? I am not saying iPhone or iPod Touch.

So how to fix it? You can use css with “position: absolute;” or “Float”:

<div id="wrapper">
  <div id="main">
    <div id="sideleft">Left column</div>
    <div id="sideright">Right column</div>
    <div id="content">Content</div>
  </div>
</div>

#wrapper {width: 800px;}
#main {margin-top: 10px;}
#sideleft {float: left; width: 200px; border: 1px solid black; background-color: #dddddd;}
#sideright {float: right; width: 200px; border: 1px solid green; background-color: #99ff99;}
#content {border: 1px solid blue; background-color: #9999ff; margin: 0 20px 0 10px;}

Want to know more?

One response so far