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 4 3288
"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.stylesheets is more
original, please excuse me for uttering "AAAAARGGGGGHHHHHH".
Cross posted and f-up set to comp.infosystems.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
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="publisher">
<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>0321303474</td>
</tr>
</table>
Styling this becomes trivial, of course.
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
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 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Dave Robinson |
last post by:
I was wondering if anyone could help me with a problem I'm having.
I've been using Dreamweaver to create a hotel booking system for a
friend of mine, using MySQL (version 4.0.21) and PHP 5. The...
|
by: QWERTY |
last post by:
--------------Boundary-00=_O5I3QL80000000000000
Content-Type: Multipart/Alternative;
boundary="------------Boundary-00=_O5I3LVC0000000000000"
--------------Boundary-00=_O5I3LVC0000000000000...
|
by: laurence |
last post by:
I am implementing a comprehensive image-map generator utility, so have been
studying W3C HTML 4.01 Specification
(http://www.w3.org/TR/html4/struct/objects.html#h-13.6) on image maps (among
other...
|
by: James Owens |
last post by:
I'm a relative newbie, interested in storing the information from several
server directories and subdirectories in XML so that I can present it
selectively using XSL (all files updated today or...
|
by: Mannequin* |
last post by:
Hi all,
I'm working on a quick program to bring the Bible into memory from a
text file. Anyway, I have three questions to ask.
First, is my implementation of malloc () correct in the program to...
|
by: David Goodger |
last post by:
Early bird registration for PyCon TX 2006 ends on December 31st,
so there are only a few days LEFT. To register, please visit:
http://us.pycon.org/TX2006/Registration
You can still register...
|
by: David Fort |
last post by:
Hi,
I'm upgrading a VB6 app to VB.net and I'm having a problem with a call to a
function provided in a DLL.
The function takes the address of a structure which it will fill in with
values.
I...
|
by: GesterX |
last post by:
First of all I'm new to this site but it certainly looks like a place that i will be visiting more often!
Onto my problem.
I am creating a Hotel Bussiness project in java using BlueJ
The...
|
by: allendowney |
last post by:
Hi All,
I am working on a revised edition of How To Think Like a Computer
Scientist,
which is going to be called Think Python. It will be published by
Cambridge
University Press, but there...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new...
| |