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 3 of 3

Thread: thumnail html

  1. #1
    Junior Member
    Join Date
    Jul 2005
    Posts
    11
    Member #
    10705
    does anyone know of good html for a thumbnail page? i need something that has quite a bit of space for a caption for each photo.

  2.  

  3. #2
    Senior Member Stylise's Avatar
    Join Date
    Jul 2005
    Location
    Mount Martha, Australia
    Posts
    229
    Member #
    10679
    HTML:
    HTML Code:
    <dl>
      <dt>
        <img src="top.jpg" />
      </dt>
      <dd>
        Some sort of caption
      </dd>
    </dl>
    CSS:
    HTML Code:
    dl, dt, dd {
    	margin: 0px;
    }
    
    dt img {
    	width: 100px;
    	border: 1px solid black;
    }

  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Er... That's misusing elements that were added to HTML for a specific intent. It's a much better idea to use nested divs with classes instead of using definition lists to render this. Especially considering that some screen readers will most likely deal with definition lists in a certain way, CSS aside.

    My advice, take what Stylise said and reimplement it using divs:
    HTML Code:
    <div>
      <div class="captImg">
    	<img src="top.jpg" />
      </div>
      <div class="imgCapt">
    	Some sort of caption
      </div>
    </div>
    Code:
    div.captImg img
    {
    	width: 100px;
    	border: 1px solid black;
    }


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 02:43 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com