Best markup for thumbnail?

Discussion in 'HTML' started by Leif K-Brooks, Dec 26, 2003.

  1. I'm planning to add images to some of my blog entries. The idea is to
    float the thumbnails of images to the left of the text, and have the
    images be links to larger versions.What would be the most accessible way
    to do that?
    Leif K-Brooks, Dec 26, 2003
    #1
    1. Advertising

  2. > I'm planning to add images to some of my blog entries. The idea
    > is to float the thumbnails of images to the left of the text,
    > and have the images be links to larger versions.What would be
    > the most accessible way to do that?


    First, make sure the smaller versions are the actual size they will be
    displayed - don't use the html "width" and "height" to shrink big images to fit
    in a smaller area on the page.

    <A href="big.jpg"><img src="thumb.gif" width=32 height=32 ALT="meaningful
    description for people browsing in text-only mode" align=left></A>Text beside
    image.

    You can make the thumbs bigger than 32x32, but not much smaller if there is any
    -necessary- information on the thumb. Any -text- on images "ought" to be 16
    point text size or larger for people with less than perfect eyes or low
    resolution display like WebTV.

    (You're welcome. :)


    Jesus' Birth (and related issues)
    http://members.aol.com/RichClark7/read/birth_JC.htm

    Real Meaning of Christmas?
    http://members.aol.com/RichClark7/xmas.htm
    Spirit of Christmas?
    http://members.aol.com/RichClark7/santa.htm
    Richard Clark, Dec 26, 2003
    #2
    1. Advertising

  3. Richard Clark wrote:
    > First, make sure the smaller versions are the actual size they will be
    > displayed - don't use the html "width" and "height" to shrink big images to fit
    > in a smaller area on the page.


    Right.

    > <A href="big.jpg"><img src="thumb.gif" width=32 height=32 ALT="meaningful
    > description for people browsing in text-only mode" align=left></A>Text beside
    > image.


    Thing is, the meaningful description will be the text beside the image,
    and the larger version the image links to will be pretty pointless for
    blind people.
    Leif K-Brooks, Dec 26, 2003
    #3
  4. Leif K-Brooks

    Richard Guest

    Richard Clark wrote:

    >> I'm planning to add images to some of my blog entries. The idea
    >> is to float the thumbnails of images to the left of the text,
    >> and have the images be links to larger versions.What would be
    >> the most accessible way to do that?


    > First, make sure the smaller versions are the actual size they will be
    > displayed - don't use the html "width" and "height" to shrink big images
    > to fit in a smaller area on the page.


    > <A href="big.jpg"><img src="thumb.gif" width=32 height=32 ALT="meaningful
    > description for people browsing in text-only mode" align=left></A>Text
    > beside image.


    > You can make the thumbs bigger than 32x32, but not much smaller if there
    > is any -necessary- information on the thumb. Any -text- on images "ought"
    > to be 16 point text size or larger for people with less than perfect eyes
    > or low resolution display like WebTV.


    > (You're welcome. :)


    Why do you want to impose icons as thumbnails?
    An image of rather large details would be lost in the icon size thumb.
    I see no reason not to use something like 200x??? or ??x200 as a thumb size.
    align=left may or may not be a good idea.
    in a div tag, use float:left instead.
    or use inline style="float:left".
    Richard, Dec 26, 2003
    #4
  5. Leif K-Brooks

    Richard Guest

    Leif K-Brooks wrote:

    > Richard Clark wrote:
    >> First, make sure the smaller versions are the actual size they will be
    >> displayed - don't use the html "width" and "height" to shrink big images
    >> to fit in a smaller area on the page.


    > Right.


    >> <A href="big.jpg"><img src="thumb.gif" width=32 height=32
    >> ALT="meaningful description for people browsing in text-only mode"
    >>align=left></A>Text beside image.


    > Thing is, the meaningful description will be the text beside the image,
    > and the larger version the image links to will be pretty pointless for
    > blind people.


    Here we go with this crapola about designing sites for 5% or less of the
    world population.
    first of all, I don't know to many blind people who have computers to begin
    with.
    You ever seen a keyboard with brail on it? Rare ain't they?
    Then if a person is blind, truly blind, how's he gonna know where the cursor
    is?
    Granted 1 out of a 100 blind people might access the internet, but why
    should I bend over backwards to make it easier for that 1 person who just
    might show up on my site someday?
    The internet is not designed for the blind.

    Oh yeah I know, you'd say blind people should be able to get a driver's
    license too.
    Richard, Dec 26, 2003
    #5
  6. Leif K-Brooks

    rf Guest

    "Leif K-Brooks" <> wrote in message
    news:pdMGb.198$...
    > I'm planning to add images to some of my blog entries. The idea is to
    > float the thumbnails of images to the left of the text, and have the
    > images be links to larger versions.What would be the most accessible way
    > to do that?


    <a href="big.jpeg" style="float: left"><img src="small.jpeg" width="..."
    height="..." alt="..."></a>

    Cheers
    Richard.
    rf, Dec 26, 2003
    #6
  7. In article <>, Richard says...
    > Leif K-Brooks wrote:
    >
    > > Richard Clark wrote:


    > >> <A href="big.jpg"><img src="thumb.gif" width=32 height=32
    > >> ALT="meaningful description for people browsing in text-only mode"
    > >>align=left></A>Text beside image.

    >
    > > Thing is, the meaningful description will be the text beside the image,
    > > and the larger version the image links to will be pretty pointless for
    > > blind people.


    Include a short version of the meaningful description in the image tag.
    Your visually impaired users may be unable to link the image to your
    longer description otherwise.

    > Here we go with this crapola about designing sites for 5% or less of the
    > world population.


    What's wrong with you?

    > first of all, I don't know to many blind people who have computers to begin
    > with.


    With your attitude towards mankind, Richard, I doubt you know too many
    people at all.

    > You ever seen a keyboard with brail on it? Rare ain't they?


    Not at all.

    http://www.freedomofspeech.com/powerbraille.html

    > Then if a person is blind, truly blind, how's he gonna know where the cursor
    > is?


    Now you're just trolling.

    > Granted 1 out of a 100 blind people might access the internet, but why
    > should I bend over backwards to make it easier for that 1 person who just
    > might show up on my site someday?


    You don't have to go to any great length to make a website accessible.
    People go to great lengths to make then unaccessible by over-using
    images, javascript, text in images, table misuse, flash, etc.

    > The internet is not designed for the blind.


    The Internet is designed for everybody and, with an attitude like yours,
    any online business venture you attempt is doomed to failure.

    > Oh yeah I know, you'd say blind people should be able to get a driver's
    > license too.


    How does using the Internet compare with operating a potentially deadly
    vehicle?

    Merry Christmas.

    --
    Daniel Ruscoe
    http://www.dualstone.co.uk
    Daniel Ruscoe, Dec 26, 2003
    #7
  8. Daniel Ruscoe wrote:
    > Include a short version of the meaningful description in the image tag.
    > Your visually impaired users may be unable to link the image to your
    > longer description otherwise.


    The link will be to a larger version of the image, which a blind person
    won't have much use for. The full description will be on the same page
    as the thumbnail. Maybe alt="" would be the best solution?
    Leif K-Brooks, Dec 26, 2003
    #8
  9. Leif K-Brooks

    Marc Nadeau Guest

    Richard a écrit:

    > Richard Clark wrote:
    >
    > >> I'm planning to add images to some of my blog entries. The idea
    > >> is to float the thumbnails of images to the left of the text,
    > >> and have the images be links to larger versions.What would be
    > >> the most accessible way to do that?


    >
    > Why do you want to impose icons as thumbnails?
    > An image of rather large details would be lost in the icon size thumb.
    > I see no reason not to use something like 200x??? or ??x200 as a thumb
    > size. align=left may or may not be a good idea.
    > in a div tag, use float:left instead.
    > or use inline style="float:left".


    Actually, it is often better to thumbnail a *part* of the original image.
    Otherwise you can not see what the thumbnail represents.

    example: A picture of somebody somewhere in a landscape.
    Thumbnail: Keep only the face.


    --
    Dieu, dans la philosophie moderne,
    joue un rôle bien plus grand que dans l'ancienne.
    F. Hegel
    Marc Nadeau, Dec 27, 2003
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Charles A. Lackman

    Thumbnail View

    Charles A. Lackman, Apr 1, 2004, in forum: ASP .Net
    Replies:
    0
    Views:
    425
    Charles A. Lackman
    Apr 1, 2004
  2. Arjen
    Replies:
    3
    Views:
    315
    Arjen
    Aug 20, 2003
  3. David Lozzi
    Replies:
    1
    Views:
    496
    john smith
    Feb 1, 2006
  4. Thomas Mlynarczyk
    Replies:
    10
    Views:
    690
    Thomas Mlynarczyk
    Jan 17, 2004
  5. Leif K-Brooks
    Replies:
    7
    Views:
    508
    Owen Jacobson
    Aug 2, 2004
Loading...

Share This Page