font height

At http://tides.org the (all caps) font on the top-row
links on the various horizontally mounted dropdown menus appear
abnormally tall and narrow to me. How do you do this?

line height (http://wage.cns.montana.edu/goo.html, for instance) seems
to do nothing to the actual font.

Sal Monella wrote:

At http://tides.org the (all caps) font on the top-row links on the
various horizontally mounted dropdown menus appear abnormally tall and
narrow to me. How do you do this?

These? http://blinkynet.net/stuff/comp/tides.jpg


--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

Blinky the Shark wrote:

Sal Monella wrote:

At http://tides.org the (all caps) font on the top-row links on the
various horizontally mounted dropdown menus appear abnormally tall and
narrow to me. How do you do this?

These? http://blinkynet.net/stuff/comp/tides.jpg

Piggybacking.

The top level links are images.

I'm probably just missing something more complex here.


--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

In article <1tednU5lQtf1vhHanZ2dnUVZ_sudnZ2d (AT) bresnan (DOT) com>,
Sal Monella <sal (AT) resistant (DOT) com> wrote:

At http://tides.org the (all caps) font on the top-row
links on the various horizontally mounted dropdown menus appear
abnormally tall and narrow to me. How do you do this?

You can usually tell that real html fonts are not being used by

looking in any browser, sometimes even Internet Explorer (but not
always IE), and enlarging or making the text smaller via your
browser text control commands. Here the tall letters you refer to
are pictures of text (but not, you might notice, the drop down
menu items).

With pictures of text it is standard in any good graphic or image
manipulation software to be elongating the letters, widening the
letters, spacing the letters, and any number of other things. In
illustrator, for example, one does this on vectored text objects
and these can be later turned into pure pixel images. You can
also manipulate (but not as nicely) on the pixeled image of text.

In other words, it is done on images, it is easy to do and you
are seeing images and not html text. In general, it is not as
good a thing to do on a web page because it will not respond to
users who want the text bigger.

There are ways to specify text images so they do grow with users
text commands but it is not straight-forward and Windows and in
particular IE do not produce great results.

line height (http://wage.cns.montana.edu/goo.html, for instance) seems
to do nothing to the actual font.

No, the line-height is more the height of the line in which the
letters sit rather than anything to do with the actual height of
the letters. One can specify unnatural line heights for letters.
As you have found out.

--
dorayme

dorayme wrote:

In other words, it is done on images,

....thanks. Sorry. I should have caught that myself.

Sal Monella wrote:

At http://tides.org/ the (all caps) font on the top-row
links on the various horizontally mounted dropdown menus appear
abnormally tall and narrow to me. How do you do this?

Images, as mentioned.

BTW, your CSS is fascinating. I've never seen a stylesheet with a table
of contents before. Don't you have a helluva time maintaining this site,
what with such abundant CSS?


--
John
Read about the UIP: http://improve-usenet.org/