Thu, 2007-06-14 15:26
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.
Thu, 2007-06-14 15:40
#1
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.
Thu, 2007-06-14 16:14
#2
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.
Sat, 2007-06-16 00:26
#3
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.
Mon, 2007-06-18 14:16
#4
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.