Reply
Convert a table to CSS
Old 03-10-2007, 06:31 PM Convert a table to CSS
Tom_M's Avatar
Ultra Talker

Posts: 251
Name: Tom Maurer
Location: Pennslvania, USA
I cannot figure out the best way to convert this table to css. See the table with the officers in it:
http://www.altoonafirefighters.org/officers.php

Can I do that in css, without using a lot of extra markup? Or should I just leave it a table. I have the entire site layout re-designed in css. Just need to get the content built with css. There are some things i'm not sure what to do with namely things like the table above.
Tom_M is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 03-10-2007, 08:02 PM Re: Convert a table to CSS
chrishirst's Avatar
Super Moderator

Posts: 13,644
Location: Blackpool. UK
Make it a list

HTML Code:
<ul id="union"><h1>Union Officers</h1>
<li><h2>President:</h2><div>Fred Flintstone </div></li>
<li><h2>Secretary/Treasurer:</h2><div>Barney Rubble  </div></li>
<li><h2>Executive Board:</h2><div>Wilma Flintstone<br>
Betty Rubble <br>
Bam Bam  </div></li>
<li><h2>Pension Board: </h2><div>Dino  </div></li>

</ul>
CSS:
HTML Code:
#union {
	width:90%;
	font-size:1em;
	list-style-type:none;
}
#union h1 {
	font-size:1.3em;
}
#union li {
	width:70%;
	margin:0 auto;
            	clear:left;
}
#union li h2 {
	text-align:left;
	width:50%;
	float:left;
	font-weight:bold;
	font-size:1.1em;
}
#union li div {
	text-align:left;
	width:45%;
	float:left;
	font-size:1.0em;
}
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System

Last edited by chrishirst : 03-10-2007 at 08:07 PM. Reason: added code
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-11-2007, 01:57 PM Re: Convert a table to CSS
Tom_M's Avatar
Ultra Talker

Posts: 251
Name: Tom Maurer
Location: Pennslvania, USA
Thank you that puts me in the right direction!
Tom_M is offline
Reply With Quote
View Public Profile
 
Old 03-12-2007, 04:16 PM Re: Convert a table to CSS
Mooofasa's Avatar
Defies a Status

Posts: 1,612
Name: Michael (mik) Land
Location: England
Can I also suggest something else? That you read up on HTML and CSS before making statements like "Convet a table to CSS". I'm not meaning to sound harsh, but tables and CSS are different entities. Tables are the markup, in other words the tools used to present the data in meaning. The CSS is ued to style the tools used to present it, to make it look nicer than the HTML standard look.
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Old 03-12-2007, 09:51 PM Re: Convert a table to CSS
Tom_M's Avatar
Ultra Talker

Posts: 251
Name: Tom Maurer
Location: Pennslvania, USA
Quote:
Originally Posted by Mooofasa View Post
I'm not meaning to sound harsh, but tables and CSS are different entities.
I am well aware of the differences between structure and presentation. But thanks for explaining it anyway
Tom_M is offline
Reply With Quote
View Public Profile
 
Old 03-12-2007, 10:14 PM Re: Convert a table to CSS
Novice Talker

Posts: 7
Name: ding
wow..!!!thank you for the info..!!
dingdans is offline
Reply With Quote
View Public Profile
 
Old 03-13-2007, 10:18 AM Re: Convert a table to CSS
Mooofasa's Avatar
Defies a Status

Posts: 1,612
Name: Michael (mik) Land
Location: England
Quote:
Originally Posted by Tom_M View Post
I am well aware of the differences between structure and presentation. But thanks for explaining it anyway
Why on earth say convert a table to css then?
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Old 03-13-2007, 10:54 AM Re: Convert a table to CSS
Tom_M's Avatar
Ultra Talker

Posts: 251
Name: Tom Maurer
Location: Pennslvania, USA
A table based layout to a css based layout maybe? I'm sorry I didn't word my question good enough for you. My question was answered, so this thread is done. Agreed?
Tom_M is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Convert a table to CSS
 

Thread Tools

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

vB 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.16662 seconds with 12 queries