need help with image spacing.

Discussion in 'HTML & Website Design' started by boagey7, Sep 27, 2010.

  1. #1
    Hi,

    I have a blog (www.bogeyland.com) and I'm looking to space each image out more than they already are, unfortunately I do not know the code required. Could somebody please tell me what I need to add to create more space between the photographs.

    Please Help!
     
    boagey7, Sep 27, 2010 IP
  2. RumpledElf

    RumpledElf Well-Known Member

    Messages:
    1,054
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    100
    #2
    Find your stylesheet (which I note is actually embedded in your file - this might be a problem)

    Add something like this, or edit the existing entry for img
    img{
    padding-top: 50px;
    }

    And they'll be further apart.
     
    RumpledElf, Sep 27, 2010 IP
  3. AntunTun

    AntunTun Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You are closed for maintenance. Buzz me when you are back online. Spacing is usually achieved with padding, or margin attribute. You will need to change css file.
     
    AntunTun, Sep 28, 2010 IP
  4. Linkadoodle

    Linkadoodle Guest

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Definately use CSS for padding and margin around images
     
    Linkadoodle, Sep 28, 2010 IP
  5. agahmemnon

    agahmemnon Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Just read in google about box model
     
    agahmemnon, Sep 28, 2010 IP
  6. danielll007

    danielll007 Peon

    Messages:
    55
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    use css
    img {padding-top: 10px}

    instead Top your can use bottom, left or right ,
    and instead 10px you can use any space you want ( XXpx )
     
    danielll007, Sep 28, 2010 IP
  7. boagey7

    boagey7 Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hi,

    Ive tried adjusting the padding however when I do this all the images shift slightly to the right, resulting in a annoying dis-alignment with my header and footed.

    Any help please
     
    boagey7, Sep 30, 2010 IP
  8. boagey7

    boagey7 Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Hi, my blog is back up and running if you could take a look. I've tried adjusting the padding however when I do all the images shift slightly to the right, resulting in a diss-allingnment with my header and footer.

    Really annoying! please help.
     
    boagey7, Sep 30, 2010 IP