RE: [WSG] tables to standards problem...

[Drake, Ted C.]

You might try using a definition list. You can float the different elements, the image in a dd floated to the right, the headline in a dt, the text in a dd are floated to the right, give the dl a border, background, margin, etc.   A variation can be seen here: http://www.csatravelprotection.com/csa-executives-insurance.do The executive bio images and titles are sitting in a dl.   Ted     From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of akella Sent: Friday, July 01, 2005 7:48 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] tables to standards problem...   Sorry,Hugues Brunelle i didnt understood your hint clearly now im even in doubt which way is better. Great tnx too! On 7/1/05, akella <[EMAIL PROTECTED]> wrote: Hugues Brunelle , Tnx, but it only works if i know maximum height of so called newsbox. But 10x anyway Gunlaug Sørtun, its just some kind of magic, but it works! Tnx tnx tnx! :) thats the way im going to implement it...   On 7/1/05, Hugues Brunelle <[EMAIL PROTECTED] > wrote: Hi Akella, For articles, I would suggest something like : http://www.echo3d.com/lab/akella.html   Regards,     Hugues Brunelle Concepteur graphique, multimédia et Web --- Coopérative de travail en multimédia ECHO tridimension 2139, rue Masson Montréal (Québec)  H2H 1A8 Canada   +1 514 521-1360 [EMAIL PROTECTED]       From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of akella Sent: July 1, 2005 09:03 To: wsg@webstandardsgroup.org Subject: [WSG] tables to standards problem... Hi, on this site http://www.champion.com.ua/ or here http://pravda.com.ua/ in main column you can see a lot of news boxes i mean image+heading+paragraph of text It is implemented as a table. image is first cell and text is second. The problem is: How to implement it with CSS so that text will not be under the image. The obvious img{float:left} is not good - client dont want the text to be displayed under the image. If all images ware the same size - it would be simple - just add margin to <p>, but its not like that... :( And i hate creating classes like that: .img110px  .img180px ..... So how can i implement this table-like thing? Can it be done with "standards"? i mean without non-semantic-table. I cant find the way.... Any ideas? -- gl&hf, akella. -- gl&hf, akella. -- gl&hf, akella.