Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Advice on Image and Text Placement for Gallery

    Hi everyone,

    I'm working on my first client page and I'm trying to figure out how best to position some images and text.

    It's for a landscaping and construction company and I want a portal page where users can choose what type of work they want to see (i.e. fences, landscaping, decks, etc.)

    How should I arrange it? I tried here: http://www.allisonwrote.com/aussie/examples.html

    ...but I'm having problems with the text. How do I get it to center over each image, when the text is of various lengths?

    Also, does anyone have any advice about the most user-friendly types of galleries? Should I try lightbox or just use oldschool CSS and html links (where a user clicks on a thumbnail to see a full-size image)? Or something else?

    Thanks.

    x
    allison

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    this is one way:
    Code:
    <div class="ic">
       <div class="il">
           <div class="it">image title</div>
           <a href="....">
               <img src="..." alt="image title"/>
           </a>
        </div>
       <div class="ir">
           <div class="it">image title</div>
           <a href="....">
               <img src="..." alt="image title"/>
           </a>
        </div>
    ....
        <div class="cc"/>
    </div>
    Code:
    .ic { width: ... }
    .il { float: left; text-align: center; }
    .ir { float: left; text-align: center; }
    .it { ... }
    .cc { clear: both; }
    probably you can make it more simple and adjusted to your need.

    regards

  • #3
    Regular Coder
    Join Date
    Mar 2007
    Posts
    157
    Thanks
    6
    Thanked 4 Times in 4 Posts
    I've found this to be really helpful for arranging and centering words with images:
    http://mikecherim.com/experiments/css_list_boxes.php

    Personally I'm fond of lightbox


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •