Have navigation list of pictures, want to add captions?

Discussion in 'HTML' started by (Pete Cresswell), Oct 14, 2004.

  1. e.g.
    ------------------------------------
    <html>
    <body>

    <a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
    src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>
    <a href="Pix\40th\Atzrott, Elaine.bmp" target="showframe"> <img
    src="Pix\40th\ThumbNails\Atzrott, Elaine.jpg" </a><p>

    </body>
    </html>
    ----------------------------------

    Shows two thumbnails and zooms to a full-sized picture if/when user clicks on
    thumbnail.

    I'd like to add a caption (the file name of the pic..) under each thumbnail
    and/or under the zoomed picture.

    For the thumbnail navlist, myy guess is that it's something TB added after the
    "src..." statement.

    Can anybody point me to the syntax?
    --
    PeteCresswell
     
    (Pete Cresswell), Oct 14, 2004
    #1
    1. Advertisements

  2. (Pete Cresswell)

    brucie Guest

    In alt.html (Pete Cresswell) said:

    > <a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
    > src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>


    you're leaning the wrong way. lean/over/this/way

    > Shows two thumbnails and zooms to a full-sized picture if/when user clicks on
    > thumbnail.


    heres one with 16 thumbs:
    http://butterflies.usenetshit.info/

    > I'd like to add a caption (the file name of the pic..) under each thumbnail
    > and/or under the zoomed picture.


    the simplest way:

    <p><a href="x"><img src="..." alt="blah"><br>caption</a></p>



    --


    v o i c e s
     
    brucie, Oct 14, 2004
    #2
    1. Advertisements

  3. (Pete Cresswell)

    Nik Coughin Guest

    (Pete Cresswell) wrote:
    > e.g.
    > ------------------------------------
    > <html>
    > <body>
    >
    > <a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
    > src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>
    > <a href="Pix\40th\Atzrott, Elaine.bmp" target="showframe"> <img
    > src="Pix\40th\ThumbNails\Atzrott, Elaine.jpg" </a><p>
    >
    > </body>
    > </html>
    > ----------------------------------
    >
    > Shows two thumbnails and zooms to a full-sized picture if/when user
    > clicks on thumbnail.
    >
    > I'd like to add a caption (the file name of the pic..) under each
    > thumbnail and/or under the zoomed picture.
    >
    > For the thumbnail navlist, myy guess is that it's something TB added
    > after the "src..." statement.
    >
    > Can anybody point me to the syntax?


    <div style="text-align: center;">
    <a href="some1.jpg" target="showframe">
    <img src="thumb1.jpg" alt="" style="display: block;">
    Caption 1
    </a>
    </div>
    <div style="text-align: center;">
    <a href="some2.jpg" target="showframe">
    <img src="thumb2.jpg" alt="" style="display: block;">
    Caption 2
    </a>
    </div>

    The style attributes are CSS. Google for some tutorials.
     
    Nik Coughin, Oct 14, 2004
    #3
  4. RE/
    > <img src="thumb1.jpg" alt="" style="display: block;">


    This is working. Thanks.

    Now, for the tarbaby part: in IE, 'block' wraps the title tightly - i.e. there
    is no vertical space between the pic and the file name. That's how I want it.

    OTOH, Mozilla adds some space.


    From FrontPage's HTML view I doped out:
    ---------------------------------------------------
    <head>
    <style>
    <!--
    p { margin-top: 0; margin-bottom: 0 }
    -->
    </style>
    </head>
    ---------------------------------------------------
    but, as expected, that tightens up the area between pic#1's title and pic#2's
    image...not what I need.


    I'm guessing I have to somehow modify how "display: block" is implemented...but
    where?

    --
    PeteCresswell
     
    (Pete Cresswell), Oct 15, 2004
    #4
  5. In article <>, brucie
    () dropped a +5 bundle of words...

    > In alt.html (Pete Cresswell) said:
    >
    > > <a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
    > > src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>

    >
    > you're leaning the wrong way. lean/over/this/way
    >
    > > Shows two thumbnails and zooms to a full-sized picture if/when user clicks on
    > > thumbnail.

    >
    > heres one with 16 thumbs:
    > http://butterflies.usenetshit.info/
    >
    > > I'd like to add a caption (the file name of the pic..) under each thumbnail
    > > and/or under the zoomed picture.

    >
    > the simplest way:
    >
    > <p><a href="x"><img src="..." alt="blah"><br>caption</a></p>


    Here's a question I've been wondering about:

    Why can you caption a table but not an image? It seems that a caption
    would stop people from abusing the alt attrib. Was this just oversight
    or is there a reason for it?


    --
    Starshine Moonbeam
    mhm31x9 Smeeter#29 WSD#30
    sTaRShInE_mOOnBeAm aT HoTmAil dOt CoM
     
    Starshine Moonbeam, Oct 21, 2004
    #5
  6. (Pete Cresswell)

    brucie Guest

    In alt.html Starshine Moonbeam said:

    > Why can you caption a table but not an image?


    you can title an image

    > It seems that a caption would stop people from abusing the alt
    > attrib.Was this just oversight or is there a reason for it?


    you would need to redesign an <img> element not to be empty so a
    <caption> type element could be made part of it. you couldn't just stick
    in a <caption> close to the <img> somewhere and hope people could work
    out that they have a relationship with each other.

    --


    v o i c e s
     
    brucie, Oct 21, 2004
    #6
    1. Advertisements

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. GrumpyDev
    Replies:
    0
    Views:
    448
    GrumpyDev
    Aug 21, 2003
  2. Andrew Crowe

    associating captions with images

    Andrew Crowe, Apr 5, 2004, in forum: HTML
    Replies:
    7
    Views:
    429
    Jukka K. Korpela
    Apr 6, 2004
  3. Kooner

    captions under photos

    Kooner, Jun 1, 2004, in forum: HTML
    Replies:
    35
    Views:
    1,348
    Mark Parnell
    Jun 30, 2004
  4. Thomas Mlynarczyk

    How to mark up image captions

    Thomas Mlynarczyk, Nov 26, 2004, in forum: HTML
    Replies:
    17
    Views:
    894
    Toby Inkster
    Nov 27, 2004
  5. Martin Raychev
    Replies:
    1
    Views:
    337
    Alvin Bruney [MVP]
    Mar 2, 2004
Loading...

Share This Page