Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    So I am trying to use a nice lightbox plugin for Dreamweaver and made a pretty cool photo gallery. I wanted to add captions to my thumbnails so I didn't have just photos sitting on one page all alone.

    Any how, my original page without the definition list is here: http://www.charlespatrickjewelers.co...bracelets.html

    (I was trying to place captions in a div, but gave up on that)


    But then I tried adding the definition list here: http://www.charlespatrickjewelers.co...racelets2.html

    ...and you can see what happened. Now in my CSS, I tried to put display: inline any where and everywhere to get the pictures to line up like the first web page, but they won't. I tried using Firebug for firefox to locate the issue, but to no avail. (which is an awesome plugin by the way, I highly recommend it - you all probably have it or something like it already anyhow)

    Can someone knowledgeable in definition lists help me? Thank you all for your time!

    Aza Allen

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    This may be too simple but have you tried adding a <br/> tag after the image, then adding your caption? You may need some minor adjustments but it should work.

  4. #3
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Quote Originally Posted by aeroweb99
    This may be too simple but have you tried adding a <br/> tag after the image, then adding your caption? You may need some minor adjustments but it should work.
    That didn't do anything. Thanks though.

  5. #4
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    First of all, an <li> tag does not go inside a <dl> tag. Second, each item doesn't need to be it's own list.
    You could have
    HTML Code:
    <dl>
        <dt><img src="" alt="" /></dt>
        <dd>description</dd>
        <dt></dt>
        <dd></dd>
    </dl>
    However, it would just be easier to use an unordered list with a <br /> between the image and the description, and float the <li>'s left.
    Semantic, Valid, and Accessible Design!


  6. #5
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yes, my first suggestion was to use the <br/> tag in the li's themselves, after the image. I wouldn't bother with the dl, although I'm sure you could get it to work somehow if you mess around with it long enough.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:12 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com