terryds Posted March 12, 2013 Share Posted March 12, 2013 Hello..Can someone please teach me how to change the <table> tag into <div> tag without changing the table style..I heard that <div> tag is more friendly than <table>.. Please give me an example.. Thank you.. Link to comment Share on other sites More sharing options...
sunziun Posted March 12, 2013 Share Posted March 12, 2013 Hi, you could check on grids like 960 Grids then click on "Custom CSS Generator". With a grid you can create table like divs! Link to comment Share on other sites More sharing options...
Spunky Posted March 13, 2013 Share Posted March 13, 2013 Going from a table-styled website to divs is not as simple as it sounds. div tags take a lot more CSS to match a desired look. It is especially difficult to get the bottom of columns to line up using div tags. I personally prefer div tags. Someone I know doesn't know the first thing to HTML prefers tables. Tables are more user friendly to rookies. Divs, although seemingly not as user-friendly, make for user-friendly code that is organized. Link to comment Share on other sites More sharing options...
deldalton Posted April 2, 2013 Share Posted April 2, 2013 Terryds. As Spunky has suggested, if you're unfamiliar with HTML then you may find it a little tricky at first. However, there are some great resources on the w3schools.com website which will tell you all you need to know. Try looking at this ... http://w3schools.com/html/html_layout.asp#gsc.tab=0 Once you understand the basics you'll then want to take a look at CSS (particularly CSS positioning) to get your desired look, which you can read about here ... http://www.w3schools.com/css/css_positioning.asp#gsc.tab=0 Of course, you have to know how to apply CSS in the first place. If you don't, I would suggest starting from the beginning of the CSS documentation on the w3schools website. Link to comment Share on other sites More sharing options...
Frickarlos Posted November 12, 2014 Share Posted November 12, 2014 www.HTML-Cleaner.com is a great website I always use to clean my HTML code and it can convert html tables into structured DIVs. Simply paste your code in the editor, check the allocated cleaning option and press the Clean button. Don't forget to include the provided css code to style the divs: http://www.html-cleaner.com/features/replace-html-table-tags-with-divs/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now