4 replies [Last post]
csecord
Offline
newbie
pensacola
Last seen: 13 years 31 weeks ago
pensacola
Joined: 2007-05-25
Posts: 9
Points: 0

What I have here isn't really a site. It's just a page with several lists containing links. But there's an issue associated with this that I run into all the time and I would appreciate any general words of wisdom - what do you suggest as the best way to format blocks that are of varying heights?

http://uwf.edu/csecord/links.html

If you take a look at the page (which validates of course) you'll see what I mean. I just floated everything left, and obviously it's very unattractive. There's nothing for anyone to "fix" I'm just asking for general-purpose advice.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 51 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

only thing i see wrong is

only thing i see wrong is List 'o Links should read List o' Links

other then that, I'm not exactly sure what you are looking for.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

csecord
Offline
newbie
pensacola
Last seen: 13 years 31 weeks ago
pensacola
Joined: 2007-05-25
Posts: 9
Points: 0

It's just a general problem

It's just a general problem that comes up any time I have to format stuff of varying height. In this example, I used lists of links but it could be anything.

Recently, I made a utility at work that takes a directory full of images, creates thumbnails of the images, and then displays them. If I force all the thumbs to be the same height and resize the width proportional to that, it works great:

http://uwf.edu/csecord/imagedir/

But if I allow people to specify a width and resize proportional to that I get thumbnails of varing height and I run into exactly the same issue, as you can see here:

http://uwf.edu/csecord/imagedir1/

I'm just wondering if anyone has any general "good advice" to pass along.

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 13 years 23 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

For pictures, I use squares

For pictures, I use squares or a uniform image size. This gives the designer more control over positioning images. The user only sees a preview of the thumb and then will soon notice that the uniform sizes are just a preview of a larger image.

For your lists, I was reminded of Web Developer's Handbook. I guess if it were me, I would make a class for columns and then float them to the left.

This is my big chance . . . yep, I blew it . . .

csecord
Offline
newbie
pensacola
Last seen: 13 years 31 weeks ago
pensacola
Joined: 2007-05-25
Posts: 9
Points: 0

n8gz4ez wrote:For pictures,

n8gz4ez wrote:
For pictures, I use squares or a uniform image size.

Yes, a uniform image size makes it easy. My images are being resized dynamically - so I can't predict what size they will turn out.

n8gz4ez wrote:
For your lists, I was reminded of Web Developer's Handbook. I guess if it were me, I would make a class for columns and then float them to the left.

but then you're limited to X number of columns. The web developer's handbook has four columns regardless of how you size the browser window.