Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Tables via CSS - howto?
Old 08-18-2009, 03:16 PM Tables via CSS - howto?
senemedar's Avatar
Experienced Talker

Posts: 47
Name: Michał
Location: Unitet Kingdom
Trades: 0
Hello. I was wandering through some old posts (after all, that is the very purpose of a SEARCH function, innit?), and there's aplenty about why not to use TABLEs anymore, etc.
There was lot of talking of how not to "think tables" any more. And so--
If I have a simple table, like:

+ + + + + + + + +
+ CELL 1 + CELL 2 +
+ + + + + + + + +
+ CELL 3 + CELL 4 +
+ + + + + + + + +

done by HTML TABLEs.

To do it "a CSS way", that would mean put everything in DIVs or something, but then it would be all display one under another, even if I put two DIVs side-by-side, so the "table" will look like

+ + + + +
+ CELL 1 +
+ + + + +
+ CELL 2 +
+ + + + +
+ CELL 3 +
+ + + + +
+ CELL 4 +
+ + + + +

(Rather obvious, but I imagine, that the "table thinking" is all about. Am I right?)

So if I got it right, all the story is about "tinkering" the DIVs with some positioning. And the big question is...
HOW to do it?
__________________

Please login or register to view this content. Registration is FREE

home of senemedar
senemedar is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-18-2009, 04:00 PM Re: Tables via CSS - howto?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,371
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
If it's a table that is needed then use a table.

The whole idea of semantic markup is to use the correct element for the purpose.

If you are displaying tabular then use a table.

http://www.webmaster-talk.com/css-fo...tml#post911617
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-18-2009, 05:14 PM Re: Tables via CSS - howto?
senemedar's Avatar
Experienced Talker

Posts: 47
Name: Michał
Location: Unitet Kingdom
Trades: 0
What I needed a tables for was a page layout, that's why I'm thinking to move to the "next step"...

ps.
On some old posts I found something called "Zen Garden" (or similar). WOW! One day I'll do something like that... Or I hope so at least
__________________

Please login or register to view this content. Registration is FREE

home of senemedar
senemedar is offline
Reply With Quote
View Public Profile
 
Old 08-18-2009, 05:21 PM Re: Tables via CSS - howto?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,371
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
I wrote a long post somewhere on how to change your thinking when moving from "grids" to a blank canvas, based on the way I approached it several years ago.
If I find it or recall where I posted it I'll link it in this thread.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-25-2009, 02:52 AM Re: Tables via CSS - howto?
Novice Talker

Posts: 5
Name: Jeremy
Trades: 0
its all about the
Code:
float
my friend...do some research on that and the syntax that goes along with that and you'll know how to align and set up 2 column and 3 column layouts
pixeldezigns is offline
Reply With Quote
View Public Profile
 
Old 08-25-2009, 04:15 PM Re: Tables via CSS - howto?
senemedar's Avatar
Experienced Talker

Posts: 47
Name: Michał
Location: Unitet Kingdom
Trades: 0
..and so I did
Although, I've found that doing a layout via absolute/relative positioning works for me a bit better (easier for me to handle for some reason). So there's another question:
Which one's better: float, or absolute/relative?

ps.
I bought myself some lecturing to help me with that ("Mastering CSS with Dreamweaver CS4" to be exact), but didn't get to layout part yet

pps.
I started doing some website as an exercise-- can put some pictures if you'd like - I'd love to get some feedback

p^3s.
Quote:
Originally Posted by chrishirst
I wrote a long post somewhere on how to change your thinking when moving from "grids" to a blank canvas, based on the way I approached it several years ago.
If I find it or recall where I posted it I'll link it in this thread.
still waitin'
__________________

Please login or register to view this content. Registration is FREE

home of senemedar
senemedar is offline
Reply With Quote
View Public Profile
 
Old 08-25-2009, 05:35 PM Re: Tables via CSS - howto?
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 9,007
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
Check the stickies here; the top entry is a good article about when using positioning is recommended and when there are better options.

The short answer is that you should use floats/clears, using the document flow, and use positioning sparingly. The main reason (other than IE finding a way to break layouts with lots of absolute positioning) is that your layouts can be more fluid. Using AP for everything is like nailing a picture to the wall, dragging it and driving another nail through it.

tim
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Reply     « Reply to Tables via CSS - howto?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.41030 seconds with 12 queries