Skip navigation
hannahmeow
hannahmeow
Currently Being Moderated

Best way to horizontally align a row of images with the same amount of padding

Apr 9, 2012 9:08 PM

Tags: #cs5 #help #image #adobe #div #dreamweaver #javascript #links #css

Basically, I want to align a row of images horizonally each with the same amount of space in between each. what would be the best way to go about this? should i put each one in a div tag?

I want them to look how images would be aligned in a clothing website. so for example, like this - http://shop.thehundreds.com/c-439-tees.aspx

 

thanks

974 Views   10 Replies   Latest reply: hans-g., Apr 10, 2012 9:29 AM
 
Replies
  • hans-g.
    Currently Being Moderated
    1. hans-g.,
    Apr 9, 2012 9:37 PM   in reply to hannahmeow
    Report

    Hi Hannah(?),

     

    you could try one of Nancy O.'s templates from there: http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml.

     

    Hans-Günter

     
    |
    Mark as:
  • martcol
    Currently Being Moderated
    2. martcol,
    Apr 10, 2012 1:30 AM   in reply to hannahmeow
    Report

    The site you link to does it in a table.

     

    The site that hans-g points to uses CSS and each image is contained in a <p> element.

     

    If you just want images and nothing else, you would not need another element.  If you want to add captions then it would be better to use a containing element; a <div> if you like.  The nice thing about Nancy's site is its flexibility.

     

    Martin

     
    |
    Mark as:
  • hannahmeow
    Currently Being Moderated
    3. hannahmeow,
    Apr 10, 2012 7:03 AM   in reply to martcol
    Report

    Thank you very much for the responses. I'd like to add captions just like the one on Nancy's template. I'm a little unsure which parts of Nancy's code to use. Which bits do i need to pick out and use?

     

    thanks

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    4. hans-g.,
    Apr 10, 2012 7:50 AM   in reply to hannahmeow
    Report

    Hi Hannah,

     

    do you know how to use source codes? Please have a look at Nancy's website and put the code in a really new Dw file. For a first step you should delete all the things you don't need. Load it up to your server and come back with the link, no matter how your site looks like.

     

    Hans-Günter

     
    |
    Mark as:
  • hannahmeow
    Currently Being Moderated
    5. hannahmeow,
    Apr 10, 2012 8:10 AM   in reply to hans-g.
    Report

    My website isn't currently published. so i can't post the link :/ I won't let me copy it all at once, it only lets me select certain bits of the code.

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    6. hans-g.,
    Apr 10, 2012 8:21 AM   in reply to hannahmeow
    Report

    Hi Hannah (your name?),

     

    sorry I don't understand???

     

    I won't let me copy it all at once > YOU don't want to copy the whole source code?

    it only lets me select certain bits of the code > You can't copy the whole source code?

     

    Hans-Günter

     
    |
    Mark as:
  • hannahmeow
    Currently Being Moderated
    7. hannahmeow,
    Apr 10, 2012 8:25 AM   in reply to hannahmeow
    Report

    You said to put the code in a new DW file, right? then get rid of the bits i don't need. how do i put the source code in a a DW file?

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    8. hans-g.,
    Apr 10, 2012 8:42 AM   in reply to hannahmeow
    Report

    Hi Hanna (is that your name?),

     

    see my question in answer Nr. 4.  Usually: copy "Ctrl C" (possibly also "Strg C"), insert "Ctrl V" (possibly also "Strg V"),

     

    Hans-Günter

     
    |
    Mark as:
  • hannahmeow
    Currently Being Moderated
    9. hannahmeow,
    Apr 10, 2012 8:59 AM   in reply to hannahmeow
    Report

    Yes my name is Hannah. Haha thank you, all sorted now. Just getting rid of stuff I don't need

     
    |
    Mark as:
  • hans-g.
    Currently Being Moderated
    10. hans-g.,
    Apr 10, 2012 9:29 AM   in reply to hannahmeow
    Report

    Hi Hannah,

     

    you are welcome ... and great gratulation, your effort was more than worth it! May I later have a look to your website in question?

     

    Good luck furthermore,

    Hans-Günter

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points