PDA

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.