Results 1 to 3 of 3

Thread: Swiss Army Image justification

  1. #1
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Swiss Army Image justification

    1) Script Title: Swiss Army Slide show

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...army/index.htm

    3) Describe problem: How can I go about justifying the images to the top and left side of the division?

    By the way, the Swiss Army Slide Show is awesome.

    Thanks.

    Manuel

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    First it may help to understand what the script constructs. If you only have one slide show on the page, it makes a division with an id of 'master0'. All of the images (not the descriptions) are presented within two single celled tables within this division. These cells (td's) have the attributes align="center" and valign="middle". Attributes can be overridden by style. So you could put this in the head of your page (or include its rules in an existing stylesheet for the page):

    Code:
    <style type="text/css">
    #master0 td {
    	text-align: left;
    	vertical-align: top;
    }
    </style>
    If you have more than one slide show on a page, the second one is 'master1', the third 'master2', and so on. But I suspect you only have one, if so the above style block would be sufficient.

    Any questions, feel free to ask.

    If you want more help, it would be useful for us to have a link to the page.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    John-

    Thanks. That worked beautifully. Take care.

    Manuel

Bookmarks

Posting Permissions

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