Skip navigation
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

 
Replies
  • Currently Being Moderated
    Apr 9, 2012 9:37 PM   in reply to hannahmeow

    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:
  • Currently Being Moderated
    Apr 10, 2012 1:30 AM   in reply to hannahmeow

    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:
  • Currently Being Moderated
    Apr 10, 2012 7:50 AM   in reply to hannahmeow

    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:
  • Currently Being Moderated
    Apr 10, 2012 8:21 AM   in reply to hannahmeow

    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:
  • Currently Being Moderated
    Apr 10, 2012 8:42 AM   in reply to hannahmeow

    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:
  • Currently Being Moderated
    Apr 10, 2012 9:29 AM   in reply to hannahmeow

    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:

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