Archive

Posts Tagged ‘html’

Say No to DiggBar

April 10th, 2009
No comments

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!

English, WordPress , , ,

Three columns layout without table

February 8th, 2008
1 comment

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?

English ,