9 replies [Last post]
Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 5 years 26 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

I am in doubt how to resolve a layout issue. I made it off topic since it is rather a semantic question; the CSS part is clear to me.

I have a list with links and its titles. I want to implement a link below each group of title/link that users can add this link to their own favorites.

I am in doubt whether I can just add it to the definition list like this

Title
link
add to favorites

Title
link
add to favorites

and if so, would both, title/link be dt and the "add to favorites" link be dd, or title dt and link and the add link be dd?

or to close that list and define it as a p like this

Title
link

add to favorites

Title
link

add to favorites

Tags:
Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 45 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Why a definition list? But

Why a definition list?
But if that is the way you go, then DT (definition title) is the title and the other items are DD, data related to that particular title.

Presumably "add to favourites" is a link too. Why not,

  • Title add title to bookmarks
  • ...

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 5 years 26 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    I believe I used the wrong expressions

    Thank you for input. I realize I used terms that can be misunderstood.

    The title does not need to display the title tag but what is indivually entered. And the link is supposed to show the URL.

    The way you did it just shows the linked title. My error. The structure should look like this (each in a single line):

    Title
    URL
    add

    If I would have title and URL alone, it is a dl for me. But now that the add comes in, I have doubts what is the right way to go about.

    Chris..S
    Chris..S's picture
    Offline
    Moderator
    Last seen: 7 years 45 weeks ago
    Timezone: GMT+1
    Joined: 2005-02-22
    Posts: 6078
    Points: 173

    Like a form? memorable

    Like a form?

    memorable label, url to store under the label, button (click to add to favourites)

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 5 years 26 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    No

    No, it is a list. A form would be needed before when the user enters the information for title and URL - that is done already. Now I would like the data that is fetched from the database to be listed on a page, with the add option below each title/url group.

    Chris..S
    Chris..S's picture
    Offline
    Moderator
    Last seen: 7 years 45 weeks ago
    Timezone: GMT+1
    Joined: 2005-02-22
    Posts: 6078
    Points: 173

    table. column 1 =

    table.
    column 1 = titles
    column 2 = links
    column 3 = actions (e.g. add)

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 5 years 26 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    Table?

    I didn't figure a table would be the right way to do. Can you explain why using a table?

    Chris..S
    Chris..S's picture
    Offline
    Moderator
    Last seen: 7 years 45 weeks ago
    Timezone: GMT+1
    Joined: 2005-02-22
    Posts: 6078
    Points: 173

    Semantics isn't an absolute

    Semantics isn't an absolute science - there can be more than one answer and your own preferences will determine which you like best and none maybe categorically wrong.

    Essentially you have a list, where each item in the list is itself a compound of more than one field of data. To me that is best represented as a table with column headings identifying the fields.

    My second choice would be a straight list (OL or UL). However, if you desire to line up the different fields under each other, rather than letting them flow inline, then I would go table.

    My third choice would be a definition list type structure, but not like yours. DT would be the field name, DD would be the field data. Potentially, I'd hide the DT using CSS. However, I don't really like this structure for your data. I'd use a structure like this where some of the fields contain lots of data or the several fields look similar or where not all items contain all the fields, e.g. contact details including addresses (large/multiline fields) & several phone numbers some of which may not be present).

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 5 years 26 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    Hey Chris, that makes 4

    Hey Chris, that makes 4 choice, or is the dl with a p below a no-no?

    Are there any other opinions?

    Caposoft
    Caposoft's picture
    Offline
    Enthusiast
    Last seen: 5 years 26 weeks ago
    Timezone: GMT+1
    Joined: 2008-03-16
    Posts: 330
    Points: 118

    Anyone else with an opinion?

    Anyone else with an opinion?