HighDots Forums  

Tableless layout problem - please help!

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Tableless layout problem - please help! in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Richard Lissimore
 
Posts: n/a

Default Tableless layout problem - please help! - 08-31-2004 , 03:51 PM






Hi,

I'm a newbie, and I'm trying to recreate the table below in CSS:

<table border="1" width="100%" id="table1">
<tr>
<td width="145">Player Name::</td>
<td>Pele</td>
</tr>
<tr>
<td width="145">Nationality::</td>
<td>Brazil</td>
</tr>
<tr>
<td width="145">World Cup Debut:</td>
<td>1956</td>
</tr>
<tr>
<td width="145" valign="top">Highlight:</td>
<td>For many, Pele is the greatest player ever to have
kicked a
football. Winning his first World Cup winner's medal
aged 16 in 1956, he
later went on to be a member of the Brazil 1970 team,
the greatest world
cup team ever, and the most recognisable ambassador
for Football in the
world.</td>
</tr>
</table>


I need it so that it resizes then wraps the second column, whilst the
first column stays fixed, like in the table, and the text from the
second column doesn't appear beneath the first column text.

The information really isn't suited to go in a table, as IMHO its not
tabular data, just headings and related text.

Any assistance is greatly appreciated.

Cheers,

Richard Lissimore.

Reply With Quote
  #2  
Old   
Andrew Thompson
 
Posts: n/a

Default Re: Tableless layout problem - please help! - 08-31-2004 , 04:05 PM






On Tue, 31 Aug 2004 21:51:15 +0100, Richard Lissimore wrote:

Quote:
<td>Pele</td
So this is the 'Player' column,..

Quote:
<td>Brazil</td
'Team/Nationality' column,..

Quote:
<td>1956</td
'Year' column,..

Quote:
<td width="145" valign="top">Highlight:</td
(this should be a column header,) for the..

Quote:
<td>For many, Pele is the greatest player ever to have
'Highlight' column of this..
*TABLE* of information, fer chrissake!

Do not use tables for *presentation*.

*Use* tables for columns and rows of
data, ..*exactly* like you have.

HTH

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology


Reply With Quote
Reply




Thread Tools
Display Modes

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



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.