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 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2012
    Posts
    14
    Thanks
    0
    Thanked 1 Time in 1 Post

    Li Styling Problem

    I have created a Photos page for a social network but there is a space to the left of the first image and I have no idea what is causing it. Any help would be greatly appreciated.

    http://build.ezenpy.org/photos.php

  • #2
    New Coder
    Join Date
    Nov 2010
    Location
    Virginia,USA
    Posts
    36
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Try removing the images from the list and float the image divs left if nessesary. I think whats going on, at least for the first row of images, is that its floating the first image right because all lists automatically float stuff right. I think removing the images from the list will take care of that. an d they should by default line up with eachother.

  • #3
    New Coder
    Join Date
    Apr 2012
    Posts
    14
    Thanks
    0
    Thanked 1 Time in 1 Post
    But I need to keep the images on this page!

  • #4
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,263
    Thanks
    10
    Thanked 277 Times in 276 Posts
    You could add a float:left to the <ul>

    Dave

  • #5
    New Coder
    Join Date
    Apr 2012
    Posts
    14
    Thanks
    0
    Thanked 1 Time in 1 Post
    I fixed it by adding:
    .main .photos li:first-child {
    margin-left: -70px;
    }


  •  

    Posting Permissions

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