RE: [WSG] How-to: Create a list with pictures / detail?
> From: Mike Foskett > Sorry Patrick, > > Yes I was stating the image is a data object which comprised > of many individual characteristics (data definitions), sorta > XML stylie. > I was also suggesting that "Phone number" was not necessarily > attached to the address, but definitely attached to the image. > > > > Physical address > Phone number > ... > > > > Am I incorrect in this belief? Ah, sorry, my mistake Mike...quickly reading over your message, I thought you were suggesting something like Address line1 Address line2 City Postcode etc. No, of course, your belief is correct. ...although, once you start having a list of 2 or more distinct things that are related to each other, I'd almost suggest actually using a data table (and possibly using css to hide the table head) Photograph Address Telephone ... tel no. ... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] How-to: Create a list with pictures / detail?
Sorry Patrick, Yes I was stating the image is a data object which comprised of many individual characteristics (data definitions), sorta XML stylie. I was also suggesting that "Phone number" was not necessarily attached to the address, but definitely attached to the image. Physical address Phone number ... Am I incorrect in this belief? mike 2k:)2 e-mail: [EMAIL PROTECTED] site: http://www.webSemantics.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: 28 October 2004 14:41 To: [EMAIL PROTECTED]; Mike Foskett Cc: [EMAIL PROTECTED] Subject: RE: [WSG] How-to: Create a list with pictures / detail? Quoting Mike Foskett > Try a definition list. > > > > address 1 > Phone number > ... > Not too sure about this, as the multiple DDs would imply separate, independent definitions that all refer to the image (whereas an address needs to be grouped together, and each lines is not independent from the other lines. Patrick H. Lauke ** 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 **
RE: [WSG] How-to: Create a list with pictures / detail?
Try a definition list.
address 1
Phone number
...
Float the dt to the left and clear:
dt {float:left; clear:left}
That should sort it semantically.
mike 2k:)2
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
-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
**
Re: [WSG] How-to: Create a list with pictures / detail?
Yes, your option, just marked-up completely and hopefully correctly! On Thu, 28 Oct 2004 02:03:23 +0100, Patrick H. Lauke <[EMAIL PROTECTED]> wrote: > Trovster wrote: > > I would do the following - http://trov.ath.cx/comm/~test/WSG/sportscenters.html > > My option nr 2) then ;-) > > Agree, the line breaks in this case can be argued as being part of the > content (as we still don't have anything like the line element in xhtml2) > > > > Patrick H. Lauke > _ > re·dux (adj.): brought back; returned. used postpositively > [latin : re-, re- + dux, leader; see duke.] > www.splintered.co.uk | www.photographia.co.uk > http://redux.deviantart.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 > ** > > -- http://www.trovster.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 **
Re: [WSG] How-to: Create a list with pictures / detail?
Trovster wrote: I would do the following - http://trov.ath.cx/comm/~test/WSG/sportscenters.html My option nr 2) then ;-) Agree, the line breaks in this case can be argued as being part of the content (as we still don't have anything like the line element in xhtml2) Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.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 **
Re: [WSG] How-to: Create a list with pictures / detail?
I would do the following - http://trov.ath.cx/comm/~test/WSG/sportscenters.html The reason for the hard line breaks in the address is because it is part of the content, so when styles are removed, it still has the appropriate structure. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] How-to: Create a list with pictures / detail?
There's probably no *one* really "correct" way of doing this, but off the top of my head, two ideas would be: 1) make it an unordered list with addresses, and use CSS to leave enough padding on the left and stick the image in there as a background 2) use a definition list, with the image as DT and the address as DD Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.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 **
