Try a definition list.
<dl>
<dt><img /></dt>
<dd>address 1</dd>
<dd>Phone number</dd>
...
</dl>
Float the dt to the left and clear:
dt {float:left; clear:left}
That should sort it semantically.
mike 2k:)2
<marquee><blink>
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
</marquee></blink>
-----Original Message-----
From: Kristof Rutten [mailto:[EMAIL PROTECTED]
Sent: 27 October 2004 19:32
To: [EMAIL PROTECTED]
Subject: [WSG] How-to: Create a list with pictures / detail?
Hi,
Semantical question. I have a list of sportscenters I need to display.
I used to do this in a table layout. but how do I do this in
semantically correct CSS/XHTML ?
-----------------
| pic1 | address1 |
-----------------
| pic2 | address2 |
.
.
.
| pic x | addressx |
____________________
I've been thinking about floating left and right, seperate divs /
spans, ...
just don't know the best solution.
Anyone with ideas ?
Regards, .K
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
**********************************************************************
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**********************************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
