PDA

View Full Version : Best Tag/s For Book / Author Relation


Antoniohawk
06-17-2004, 06:56 AM
Currently I'm using the following, but there must be a better way to represent a book / author relationship.

<a href="#">Designing With Web Standards <span style="font-size: x-small">by Jeffrey Zeldman</span></a>

bradyj
06-17-2004, 07:10 AM
I'm having the same problem -- I only see the cite tag as being of any use, other than that, it's XML and my own tags:)

mindlessLemming
06-17-2004, 07:37 AM
How about...

<dl>
<dt>Title</dt>
<dd>iBook</dd>
<dt>Author</dt>
<dd>Steve Jobs</dd>
</dl>

Styled like this...

dt {
float:left;
width:6em;
font-weight:bold;
}

Would produce this on screen:

Title_______iBook
Author_____Steve Jobs

[underscore added to force correct spacing in example]

...and sounds like this in home page reader (IBM)

Title equals ibook
Author equals Steve Jobs

:D
*edit: Just one more post till 1000 :cool:

Antoniohawk
06-17-2004, 07:44 AM
You're really hooked on those definition lists there aren't you? :p That's a great suggestion mindless, but it wouldn't really work with my current layout.

Sorry for the attachment, I was using a portion of someone's webspace and they kind of shut down on me.

P.S.
Reply to my thread so that you can hit the big 1 0 0 0. :D

mindlessLemming
06-17-2004, 08:03 AM
You're really hooked on those definition lists there aren't you? :p
Yep, using them for news articles for a
current client (http://203.31.191.221/govtgrants.com/), kind of ended up addicted :o

Would have been nice if you told us that the solution has to be nested inside an <li>! :eek::p
I've got nothing more to add now, other than Woohoo! 1000th post!

hehe..

Antoniohawk
06-18-2004, 10:53 PM
Congrats on your 1000th. Does anyone else know of a way that this could be accomplished? I guess that I might have to head over to [css-d].

ReadMe.txt
06-18-2004, 11:11 PM
the only obvious semantic pair that I can think of with the exception of a <dl> is the <label><input> pair, which is flawed on this occasion due to the misuse of the <input> tag.

i suppose if you have a few of these the data could be defined as tabular and then you can use something like

<table summary="A list of relevant book titles and their associated authors">
<caption>Book-Author List</caption>
<thead>
<tr>
<th scope="col" abbr="Title">Book Title</th>
<th scope="col">Author</th>
</tr>
</thead>
<tbody>
<tr>
<td>Title1</td>
<td>Author1</td>
</tr>
...
</tbody>
</table>


Quite a verbose example but you get the idea. Just because there's a shift away form tables in design, a lot of people seem to neglecting them for tabular data as well.

Antoniohawk
06-18-2004, 11:55 PM
I would have used a table, but I didn't view the wishlist as a set of tabular data. It's just that, a list. I think that I might just have to stick with what I have currently, unless someone comes up with something else. Thanks for the help though ReadMe.txt.