navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

an all css table

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> an all css table 		Page: [1]
 
adambrooks

 

Posts: 145
Joined: 1/8/2002
From: Charlotte / Matthews NC USA
Status: offline

  		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

 

Posts: 2974
From: Denmark
Status: offline

  		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

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to adambrooks)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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!

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
hormonalwreck

 

Posts: 595
Joined: 2/11/2003
From: Arkansas
Status: offline

  		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,

_____________________________

kristy

If quitters never win, and winners never quit, then who is the one who
said, "Quit while you're ahead?"

(in reply to adambrooks)
abbeyvet

 

Posts: 5095
From: Kilkenny Ireland
Status: offline

  		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.

_____________________________

Katherine

:: InKK Design :: InKK Domains

(in reply to adambrooks)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		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

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to adambrooks)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to adambrooks)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		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

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to c1sissy)
sity

 

Posts: 86
Joined: 12/28/2001
From:
Status: offline

  		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

_____________________________

quote:

20% Off Web Hosting & Domain Names Through July!    Coupon Code:julysave

www.razorhawk.com

(in reply to adambrooks)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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:)

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.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
Spooky

 

Posts: 26599
Joined: 11/11/1998
From: Middle Earth
Status: offline

  		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.

_____________________________

If you arent part of the solution, then there is good money to be made prolonging the problem

§þ:)k¥


(in reply to sity)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		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:)

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>

< Message edited by gorilla -- 9/14/2003 5:19:52 PM >

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
adambrooks

 

Posts: 145
Joined: 1/8/2002
From: Charlotte / Matthews NC USA
Status: offline

  		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!

(in reply to adambrooks)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to adambrooks)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

  		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

_____________________________

SEO Consultants Directory
Find Search Engine Marketing Companies

(in reply to adambrooks)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

  		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?

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to pageoneresults)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> an all css table 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.