Website Design with DIV tag

globalsantu

New Member
Hi

I am new in web designing profession.
I am creating a webpage with table tag and I am expert it.

But I want to create a website with DIV tag. How can I create DIV tag.
Actually, I want a list of DIV tag.

Please help me…

Thanks.
 

johnscott

New Member
It's pretty common, when you first start out to build your sites using tables because it's easy to visualize and you have a fair amount of control.

But you'll notice that you have even better control of your layout using div tags. You can nest div tags to give the same sort of layout a table would give you and using css, it will give you a lot more control of how the brower renders your design.

But from your post it's difficult to understand what you are needing help with.

If you use the following code it would essentially give you a table-style layout...and you could wrap as many div inside one another as you want.

<style>
.tableColumn { float:left; padding:10px;}
</style>
<div class="tableColumn" id="column1">
<div id="row1" >Table Col1 Row 1</div>
<div id="row2" >Table Col1 Row 2</div>
<div id="row3" >Table Col1 Row 3</div>
</div>

<div class="tableColumn" id="column2">
<div id="row1" >Table Col2 Row 1</div>
<div id="row2" >Table Col2 Row 2</div>
<div id="row3" >Table Col2 Row 3</div>
</div>

You could play with the height/width/padding/margin styles to get a more specific layout.


I hope that helps a little.
 

globalsantu

New Member
OK
thanks,

But can you you tell me what is the best site of div tag.
mean, name of the site where I get total div learning tutorials.

thanks
 
Top