How to structure/style hotel or book info?

[Chris]

I'm wondering what is the "best" way to structure a set of info about
an item, like a book or a hotel.

Eg, let's say you had this info to present for each book in a
collection:
Title
Author
Publisher
Edition info
etc

Or for a hotel or restaurant:
Name
Street
City, State, Zip line
Phone
Url
etc.

I'm assuming a div per book/hotel/restaurant. But for each line of
info, would you make an unordered list to present that? Or just a <p>
per line? I want to be able to style each item, so just adding <br>
after each line is not a good solution.

Just curious about people's ideas.

Thanks,
Chris

[Spartanicus]

"Chris" <ch************ ***@gmail.com> wrote:

I'm wondering what is the "best" way to structure a set of info about
an item, like a book or a hotel.
I've become used to people asking CSS questions in c.i.w.a.html.
Although asking a markup question in c.i.w.a.stylesh eets is more
original, please excuse me for uttering "AAAAARGGGGGHHH HHH".

Cross posted and f-up set to comp.infosystem s.www.authoring.html
Eg, let's say you had this info to present for each book in a
collection:
Title
Author
Publisher
Edition info
etc

Or for a hotel or restaurant:
Name
Street
City, State, Zip line
Phone
Url
etc.

I'm assuming a div per book/hotel/restaurant.

But for each line of
info, would you make an unordered list to present that?
It ain't no list is it?
Or just a <p>
per line? I want to be able to style each item, so just adding <br>
after each line is not a good solution.

This is yet another instance where things become clearer if you think of
aural rendering instead of visual rendering.

Let's define the requirements: the different book or restaurant info
need to be distinguishable from the next book or restaurant info. Sub
text such as address and phone # must be separated by a pause, they must
not be spoken in sequence. Spans, divs and <br>s are non semantic, an
aural renderer would be fully correct if it ignored such elements.

The best approach may be to use a header for the book title/restaurant
name, and wrapping the rest in paragraph tags like so:

<h4>Title</h4>
<p>Author</p>
<p>Publisher</p>
<p>Edition info</p>

<h4>The Happy Muncher</h4>
<p>Street</p>
<p>City, State, Zip line</p>
<p>Phone</p>
<p>Url</p>

Remove the visual paragraph spacing if desired with CSS.

--
Spartanicus

[C A Upsdell]

Chris wrote:

I'm wondering what is the "best" way to structure a set of info about
an item, like a book or a hotel.

Eg, let's say you had this info to present for each book in a
collection:
Title
Author
Publisher
Edition info
etc

I'm assuming a div per book/hotel/restaurant. But for each line of
info, would you make an unordered list to present that? Or just a <p>
per line? I want to be able to style each item, so just adding <br>
after each line is not a good solution.

Just curious about people's ideas.

I'd be inclined to use a table, e.g.:

<table class="bookinfo " summary="Book information">
<tr class="title">
<th>Title</th>
<td>The Zen of CSS Design: Visual Enlightenment for the Web</td>
</tr>
<tr class="authors" >
<th>Author(s) </th>
<td>Dave Shea, Molly E. Holzschlag</td>
</tr>
<tr class="publishe r">
<th>Publisher </th>
<td>New Riders</td>
</tr>
<tr class="edition" >
<th>Edition</th>
<td>First</td>
</tr>
<tr class="isbn"
<th>ISBN</th>
<td>032130347 4</td>
</tr>
</table>

Styling this becomes trivial, of course.

[Tony]

Chris wrote:

I'm wondering what is the "best" way to structure a set of info about
an item, like a book or a hotel.

Eg, let's say you had this info to present for each book in a
collection:
Title
Author
Publisher
Edition info
etc

Or for a hotel or restaurant:
Name
Street
City, State, Zip line
Phone
Url
etc.

I'm assuming a div per book/hotel/restaurant. But for each line of
info, would you make an unordered list to present that? Or just a <p>
per line? I want to be able to style each item, so just adding <br>
after each line is not a good solution.

This is one of those cases where tables are a good thing - in fact, this is
exactly what they're intended for!

Use a table with a new line for each entry...

--
Tony Garcia
Web Right! Development
Riverside, CA
www.WebRightDevelopment.com

[Ángel]

Chris <ch************ ***@gmail.com> wrote:

I'm wondering what is the "best" way to structure a set of info about
an item, like a book or a hotel.

For books I would use a list (most probably unordered), organizing
data as scientific referencees:

- Author/s (YEAR) Title, Edition, Editor, City

For hotels I would prefer a table or maybe a list with only a couple
of data (eg: name, stars and city) which is enlarged upon clicking on
the short details (which would be a link). Only the selected hotel
details would be shown in that case.

I belive both cases could be better if data were kept on a database
(specialy when the books or hotels list is large) and the list or
table is made up dinamically upon visitor selections.

--
Saludos,
Ángel