4 replies [Last post]
LauraS
Offline
newbie
Hunter Valley, Australia
Last seen: 18 years 29 weeks ago
Hunter Valley, Australia
Timezone: GMT+11
Joined: 2004-03-19
Posts: 3
Points: 0

OK, here's what I'm trying to do.

I'm creating a web album skin using jAlbum (an automated Java based web album generator). Anyway what I have is a list of slides and details, which is shown in an iFrame. Each item shows a thumbnail (image), a description of the photo (text) and a label for the image (text), which is also a link that loads a slide of the image in another iFrame.

Now, the thing is this, there are two ways that the list can show: horizontally, so that each element of the item is side-by-side, and vertically, where they're stacked. In eitehr case, a horizontal rule also separates each entry.

So far, I've used a table to create each variation of the list. I recently changed the page that shows the slide (and is loaded into the iFrame) to be totally CSS layout based (which now means that I can place any of the elements on that page, such as image, label or buttons, anywhere I like).

Should I try and set up the lists using CSS as well, or should I just stick to using a table to keep it nice and simple? If the latter, can anyone point me to an example where this has been done (like a statistical table, all in CSS)?

Thanks.

andyhd
Offline
newbie
Last seen: 18 years 19 weeks ago
Joined: 2004-05-25
Posts: 8
Points: 0

How can I use CSS instead of Tables, and should I?

Not sure if this is what you are after, but there's an article on A List Apart which deals with lists of thumbnails:

http://www.alistapart.com/articles/practicalcss/

Hope that helps,

Andy

LauraS
Offline
newbie
Hunter Valley, Australia
Last seen: 18 years 29 weeks ago
Hunter Valley, Australia
Timezone: GMT+11
Joined: 2004-03-19
Posts: 3
Points: 0

How can I use CSS instead of Tables, and should I?

I would help, if I was working on any other skin, but I need to have a scrolling list that appears within an iFrame.

The problems I have are a) making sure that the thumbnail, label and comments are spaced/positioned correctly, and b) making sure that the next entry with these is shown underneath the previous entry.

The example given there is good, but everything flows to the right, and wraps only when it runs out of room.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 18 years 47 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

How can I use CSS instead of Tables, and should I?

In essense you are then displaying tabulated data, and a table is fine for such.

But, keep in mind that you could have a narrow div (one that just holds your list), and for vertical 'without floating' just place each item in it with a seperator. For horizontal, as long as the containing div (or iframe) had overflow: auto, then they could be floated with a separator, but would not get pushed down.

It would depend on how many times you need to edit it. Adding to a simple table is fine, but editing a table is a pain.

Hope that helps.

LauraS wrote:

(like a statistical table, all in CSS)?

The code in CSS works out to be much more complicated than a table.

Regards
Day

The only way to learn is to do it yourself

LauraS
Offline
newbie
Hunter Valley, Australia
Last seen: 18 years 29 weeks ago
Hunter Valley, Australia
Timezone: GMT+11
Joined: 2004-03-19
Posts: 3
Points: 0

How can I use CSS instead of Tables, and should I?

It does!

I think I'll stick with the tables, until I'm more familiar with CSS (and then we'll see!). I have an option at the moment that if the layout is vertical, and extra </tr><tr> gets inserted between the cells. Everything in the cells however gets formatted via CSS Smile