View Full Version : Layout without tables.

May 26th, 2010, 06:29 PM
What would be the best way to lay out the following info without using a table?

currently it is in a table format. the code is really ugly with inline styles. i am new to html and css, but know that there is a better way to lay this material out. any pointers?

Ministry Staff
S. Steve Park Senior Pastor [email protected]

Fred Porter Assistant Pastor [email protected]

Jong H. Koo Administrative Director [email protected]

James Park Youth & College Pastor [email protected]

Yungsil Chang Children's Ministry Director [email protected]

Jane Cha Missionary-in-Training/ Children's Ministry [email protected]

Music Ministry Staff

Edmund Moon Worship Leader [email protected]
Lynn Cho Accompanist [email protected]


Young Cho [email protected]
Estela Hwangbo [email protected]
Insoo Kang [email protected]
David Kim [email protected]
Jeff Kim [email protected]
Joseph Kim [email protected]
Lina Kim [email protected]
Gina Koo [email protected]
Mike Lee [email protected]
Vivian Lee [email protected]
Edmund Moon [email protected]
JeanHee Moon [email protected]
Jin Yoo [email protected]

Thank you!

May 26th, 2010, 07:09 PM
Use divs and css thats the best way


May 26th, 2010, 08:19 PM
Lots of general information here. (http://www.exitfegs.co.uk/Sources.html)


Use the search facility.

May 26th, 2010, 10:51 PM
Use the correct elements for the information, so you'd probably have a 3 DIV's holding each of the individual sections, then within these DIV's you could add spans around any text you'd like to set a special style to..

Or if it is a list then you might be better off using the list elements (http://www.w3schools.com/tags/tag_ul.asp)to list out the people.

You then use the CSS to control the presentation/look of these elements.

May 26th, 2010, 11:00 PM
thank you everyone!

Major Payne
May 28th, 2010, 03:29 AM
Unordered list tags (http://www.w3schools.com/tags/tag_ul.asp) would be the way to go. Then you can use a nicely styled div/CSS combo to make it look nice on the page.

One suggestion. If those are personal email address, I would not use them as such. If they are email addresses set up for site use, then no problem. Either way, the "mailto:" gathers a lot of spam. Might look into "munging (http://www.projecthoneypot.org/how_to_avoid_spambots_3.php)" your email addresses.

code beginner
May 29th, 2010, 12:09 AM
you can use an unordered list.

it looks kind of like this:

<li>joe smith, [email protected]</li>
<li>bill smith, [email protected]</li>
<li>bob smith, [email protected]</li>
<li>sally smith, [email protected]</li>
<li>paul smith, [email protected]</li>

then what you do is you use the css class property to tell each list item to look a certain way. kind of like (in the css):

.li {size:.... , color:.... font-type:.......}