|
Posted by axlq on March 29, 2006, 7:46 pm
Please log in for more thread options
>If I take a look at a site that has a heirarchical directory structure
>(e.g. http://www.treemenu.org/), then on the left there are always(?)
>some small images on the left, corresponding to '+', '-', '|-', and
>'|_'. By abutting these, you get a "pretty" "tree" representation.
>However, if the user alters their font size (especially to a larger
>size) from what the site designer figured, then these images will no
>longer lie flush/close to each other.
When I make the text large as possible in IE, that site is stil
quite readable. So the images have little gaps. It's still clear
what the images are for.
It's not something I would ever implement though. It's awfully SLOW
to update when you click on something.
Interstingly, the author's "tree" isn't done by modifying the <ul> tag
attributes. It appears to be a simple re-styling of the <a> tag.
>Is there a UI standard on this? How should a site designer take this
>into account (ie. abutting images when the corresponding text size is
>changed)?
>(1) Just have the images. Let the viewer deal with it.
>(2) Use characters in place of the images. In that case what are the
>appropriate character codes? I've searched at
>http://www.macchiato.com/unicode/chart/ but not seen anything really
>appealing.
I vote for that. I suppose you could use characters in a
fixed-width font to do the same thing, say by restyling the <tt>
tag to the font of your choice. It would be a lot faster, and the
characters will scale with the rest of the page.
See the UTF-8 character set, starting at code 2500 (hexadecimal) to
257f. You'll see a whole bunch of characters designed for drawing
lines, corners, intersections, boxes, etc. I'd use those if I would
implement that kind of tree approach.
UTF-8 table: http://s01060050bfb53867.cg.shawcable.net/utf-8.php
-A
|