an all css table (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

adambrooks -> an all css table (9/12/2003 23:08:49)

sure, you can apply style tags to table, td, tr, th... etc. BUT, can you do an entirely css-based table grid without using a table?

does anyone have example code for this?



gorilla -> RE: an all css table (9/13/2003 4:27:42)

It depends on how masochistic you're feeling. If you really and truly enjoy ripping your hair out in hunks. Running round the room shrieking in frustration because of the various browser bugs and inconsistencies. And repeatedly smashing your head against brick walls - then yes it can be done.

Other wise use the table tag for presenting tablular data - that's what it's meant for after all.........

Mhaircaish



c1sissy -> RE: an all css table (9/13/2003 19:14:36)

quote:

It depends on how masochistic you're feeling.


Actually that sounds like a challange! I think that it would be interesting to learn how to do a table in css. Once you master other things first of course.

Tables themselves are my weakness, so it would be interesting once I really really have them down to see what css could do to this.

So far I have found css to be totally adictive!



hormonalwreck -> RE: an all css table (9/13/2003 22:01:56)

I'm hopeing that I will feel the same you do about css.... I'm still reading,,
On top of me and my kids being sick,, I'm slowly getting there..
It is a little fun...
Your friend,



abbeyvet -> RE: an all css table (9/14/2003 9:25:19)

It is a common misconception that when using CSS that using tables is always bad.

Nothing could be further from the truth.

Using tables for layout was never anything more than a workaround, a means of laying out a page at a time when there really was no other way to break up the content and present it looking nice. Now. in most cases, CSS can lay out a page pretty much anyway you like if that is the route you decide to go.

However, there is NO reason, and NO recommendation that data that suits being presented in a tabular fashion should be presented without tables. Tables are valid, are part of every standard, are useful and will continue to be the way to layout certain types of content.

In fact to layout tablular data using pure CSS and no tables would not be the 'right' way to do it, in as much as there is a right way. It would be less efficient, less elegant and require an awful lot more code. All in all, pretty much pointless.



gorilla -> RE: an all css table (9/14/2003 10:43:29)

As always Katherine has hit the nail on the head. I've seen all css pages that jumped through horrific hoops to present data that should have been in a table in ways that looked like a table but wasn't.

Then the page authors wondered why their design "broke" in several browsers.

Tables are meant to be used to present tabular data. Using something else to do this is IMO just asking for trouble.

Mhaircaish



c1sissy -> RE: an all css table (9/14/2003 12:14:02)

So basically what you need to do then is to combine the css with the table? Incorperate the two together? How would you go about it?

This is an interesting subject for me[;)]



gorilla -> RE: an all css table (9/14/2003 13:05:17)

quote:

ORIGINAL: c1sissy

So basically what you need to do then is to combine the css with the table? Incorperate the two together? How would you go about it?

This is an interesting subject for me[;)]


yes precisely - arrange your data in the table as normal - (hint give headings at the top of each column) -

use css to format it. so that it looks good. you can do stunningly clear and effective tables that sparkle with a little bit of css.

For example:

Every even row could have a white background

Every odd row could have another coloured background (I reccommend silver or pastel coloured backgrounds)

That way you add visula interest to your table and make it easier to read.

Mhaircaish



sity -> RE: an all css table (9/14/2003 13:59:03)

If you would like to create a webpage entirely out of css for layout, try this first:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html



c1sissy -> RE: an all css table (9/14/2003 16:03:33)

quote:

yes precisely - arrange your data in the table as normal - (hint give headings at the top of each column) -


Now to totally grasp the things that are sort of dimmed in me head, like div/span/id/class I"ll have it made.

Class is making an effort. My first css page has accomlished a class in it. (excuse the "childish glee" here!!) YIPPPEEE[:D]

the more that I search for things the more that I realize that I have to learn. I'm getting past the read all that you can find and am starting the building and creating.

Thanks Mhaircaish, I apprecaite your posts. BTW, how are you doing? Obeying the drs orders, sort of?[;)]

And Sity, thanks for the link. I have seen that page before but someow forgot about it. Great page.



Spooky -> RE: an all css table (9/14/2003 16:45:17)

quote:

ORIGINAL: sity
If you would like to create a webpage entirely out of css for layout, try this first:


There is a difference between layout and tabular data however - as you note, that page is for layout, there is no example whatsoever for tabular data there.



gorilla -> RE: an all css table (9/14/2003 16:59:43)

quote:

ORIGINAL: c1sissy

quote:

yes precisely - arrange your data in the table as normal - (hint give headings at the top of each column) -


Now to totally grasp the things that are sort of dimmed in me head, like div/span/id/class I"ll have it made.

Class is making an effort. My first css page has accomlished a class in it. (excuse the "childish glee" here!!) YIPPPEEE[:D]

the more that I search for things the more that I realize that I have to learn. I'm getting past the read all that you can find and am starting the building and creating.

Thanks Mhaircaish, I apprecaite your posts. BTW, how are you doing? Obeying the drs orders, sort of?[;)]

And Sity, thanks for the link. I have seen that page before but someow forgot about it. Great page.


Div = a container for something. Like a paragraph or a list. The div itself can be styled. So you can have one class or id of div floating left and another floating right with both containg (say) paragraphs which have themselves been styled.

class = class of things that can happen more than once. Thus more than one cell in a table can have a pastel background.

ID= only one per page. IE it must be unique.

Span = another empty container to which you apply styles. Typically font formatting. Typically in one line. Hence often called inline styles.

Doing ok. Surgery next week to get rid of one tumor that stubbornly won't go away but has shrunk enough for 'em to cut it (using lasers no less - real sci fi stuff no?)

I've actually hit about the limits of what I can do so am being a good little gorilla [:)][:'(]

BTW I have to agree with spooky - that page is famous - and great - but there's no tabular data in their at all.

Very important that people don't confuse layout of a page with presenting data - lots of newbies and css fanatics do - to their cost and the cost of those who visit their pages.

OK you can reinvent the wheel if you really want to ... but some guy ...probably called "Tharkaish" or "Oooog" or something like that did it thousands and thousands of years ago ... it was a damned impressive feat back then ... but rather less so now.


<goingbacktobednow>
Mhaircaish
</goingbacktobednow>



c1sissy -> RE: an all css table (9/14/2003 17:27:15)

quote:


<goingbacktobednow>
Mhaircaish
</goingbacktobednow>


sleep well my dear fearless one[;)]

Pleasant dreams as well.

ps I will p/email you soon.



adambrooks -> RE: an all css table (9/15/2003 12:21:22)

well, the separation of css for layout vs css for data display is valid and understandable. i have read several articles about it.

i guess i was looking at it more from a challenge standpoint... something to play with. yes, i like to bang my head on the desk. [:@]

good comments!



c1sissy -> RE: an all css table (9/15/2003 21:18:52)

quote:

guess i was looking at it more from a challenge standpoint... something to play with. yes, i like to bang my head on the desk


We learn by doing and by playing. If we didn't try things, we wouldn't come up with answers to things.

And banging your head against the desk shoves things around and makes room for more knowledge! Thought that every knew that one[;)]



pageoneresults -> RE: an all css table (9/22/2003 9:43:18)

As mentioned above, tables are for tabular data. You will find it very difficult to replicate tabular data with pure css. There just isn't enough browser support and the amount of code you'll need to replace tables may not be worth the effort. I too at one time wanted to do the same thing, go pure css, no tables. I tried it, pulled out some hair, broke a keyboard, threw my mouse in the pool, kicked a hole in my bass speaker, and almost sent the monitor into the pool! Nah, just kidding.

I did learn through experience that tables are here to stay. Using css with tabular data is a great way to eliminate all the code bloat and at the same time manage tables throughout the entire site. No more border="1", no more cellpadding="5" and no more dealing with cross browser compatibility issues. Also, I can now build tables that meet the standards for usability. I have an example that I built for someone a few months ago. You may find this somewhat interesting as you'll see code back there that you probably have not seen before.

Tables and CSS



c1sissy -> RE: an all css table (9/22/2003 12:52:56)

Nice I really like how it looks.

Also, love the border, I have seen this before, how is it done?



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125