View Full Version : Convert table to css
Jen
14th April 06, 06:09 AM
Anyone have try convert table to css? I'd like to learn how to do that. I guess it is too much to modify table into css. Any tips how to change it?
Would it be something like this;
<table border ...> to <div class="wrapper"> with css style "border:1px sold...; ?
Thanks
stealthyninja
14th April 06, 07:50 PM
Designgraphy: I think your first step should be in finding out when tables should/shouldn't be used (http://webdesign.about.com/od/tables/a/aa122605.htm). There's nothing wrong with using tables for tabular data (http://www.456bereastreet.com/archive/200410/bring_on_the_tables/). If you'd like to see some examples of what can be accomplished with CSS and tables, have a look at this CSS Table Gallery (http://icant.co.uk/csstablegallery/).
Jen
15th April 06, 09:52 AM
CSS Table Gallery looks great, I'll do it when I have time. Table for tabular data is not what I am looking for but its a good article.
I am not talking about the table border with rows and columns. I am looking to learn how to convert <table> html based into CSS based. I always coding CSS from scratch but never try convert <table> to <div> :S
stealthyninja
15th April 06, 10:49 AM
Designgraphy: Unless you're talking about getting <div>s to behave like <table>s (http://www.snook.ca/archives/000177.php), I'm not sure I understand you properly. Could you perhaps supply a code example of what you'd like to convert?
Jen
16th April 06, 08:43 AM
I'm not really sure about 'getting <div> to behave like <table>' article. They don't have html example codes. Just <div> codes. I was hoping if there's good tutorial about <table> into <div> with example codes.
Edited: Nevermind I found example HTML codes with converted CSS.
vBulletin® v3.8.4, Copyright ©2000-2013, Jelsoft Enterprises Ltd.