Hello,
Any suggestions on how I can convert an HTML table into css?
Writing the DIV based structure depends on the need. Let suppose,
– You want two columns
– Each column has image on top and description on bottom than the simple DIV structure can be,
[HTML]
Lorum Ipsum
Lorum Ipsum
[/HTML]
– Now you need to write some CSS code to display them properly like,
[HTML]/** Clear the main wrapper */
.clear:before,
.clear:after {
content: ”;
display: table;
}
.clear:after {
clear: both;
}
/* Let make the columns */
.my-col1 {
float: left;
width: 50%;
}
.my-col2 {
float: left;
width: 50%;
}[/HTML]
You can increase your knowledge with the help of above example and good tutorials on internet.
Thanks