Friday, January 2, 2009

How to change the table form to div

Dear free 7 blog readers...happy new year , and i hope everything's ok and getting better all the time with you all there...

Oke, following tips how to change table to div ,cause be in fact the search engine's spiders prefer div than css.

CSS ( Cascading Style Sheet) is the mechanism which used to change or add the letter format, colour, space or link on website page. CSS Code usually written at the file with .css extention. Usage of tables format was frequently required in website design and writing in articles. To make the format of tables , we can use table tag in html code and or use Div and CSS. To the purpose of SEO ( Search Engine Optimization), search engines that more thinking much of web page which using Div and CSS compared to the table tags.

In this article, I will give tips how to change the format of tables of from the use table tag become Div and CSS tag.

for example the html code below:

<table width="860" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="620" align="left" class="one"><h1>example text</h1></td>
<td width=”300″ align=”left” class=”two”> <img src=”images/busby-seo-test.jpg” width=”250″ height=”120″ alt="example image”></td>
</tr>
</table>

At HTML (HyperText Markup Language) code that there are a tables containing 1 line and 2 column, first column contain the text of “ example text” and second column contain the picture. that If changed by using Div and CSS, code HTML to the replaceable as follows:

<div id="text"><h1>example text</h1></div>
<div id="image”><img src=”images/busby-seo-test.jpg” width=”250″ height=”120″ alt=”Example Image”> </div>

Besides above codes , we must to add the code in our CSS file as follows, and just place above or before the </style>
tag.

#text {
position:absolute;
width: 620px;
height: 120px;
top: 10px;
left: 100px;
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #222222;
background-color: #FFFFFF;
}

#image {
position:absolute;
width: 300px;
height: 120px;
top: 10px;
left: 650px;
font-family: Comic sans ms;
font-size: 11px;
font-weight: normal;
color: #222222;
background-color: #FFFFFF;
}

For the importance of SEO especially for the challenge as does busby seo test now ,that more better use, DIV and CSS to make the tables in our website layouts.

congratulation to try

3 comments:

  1. Thank u r information

    ReplyDelete
  2. Wah..ga ngerti nie...^^

    ReplyDelete
  3. thanks for the very nice information...

    ReplyDelete

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..