www.webdeveloper.com
Results 1 to 7 of 7

Thread: Images at the same distance ......?

  1. #1
    Join Date
    Feb 2012
    Posts
    264

    Images at the same distance ......?

    If you go to my website (www.eduardlid.net) > more > website 2011 > hospedaje,
    How do I get the images at the same distance of the right - and left side of the page?

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    1) Why didn't you just post the URL http://www.eduardlid.net/nicolas/hos...hospedaje.html to make it easy for people to go right to the page in question. Any minute you save us will be use to try to solve the issue at hand.

    2) Your CSS ex4.css cannot be found. So you need to solve the path.

    3) Create a container div(<div id="imgecontainer">....your images go here</div>) then:
    - solution a: set its let and right margins to the specific pixels value you desire.
    #imageoontainer{
    margin:0 40px; /* 0 for top and bottom, 40px fro left and right margins. Change to whatever values */
    overflow:hidden;
    }

    - solution b: set the width of #imagecontainer to a certain percentage of the page width then set its margins to auto
    #imagecontainer{
    width:90%; /* change to whatever percentage can accommodate your images */
    margin:0 auto;
    overflow:hidden;
    }

  3. #3
    Join Date
    Feb 2012
    Posts
    264

    Images at the same distance .....

    Quote Originally Posted by holyhttp View Post
    1) Why didn't you just post the URL http://www.eduardlid.net/nicolas/hos...hospedaje.html to make it easy for people to go right to the page in question. Any minute you save us will be use to try to solve the issue at hand.

    2) Your CSS ex4.css cannot be found. So you need to solve the path.

    3) Create a container div(<div id="imgecontainer">....your images go here</div>) then:
    - solution a: set its let and right margins to the specific pixels value you desire.
    #imageoontainer{
    margin:0 40px; /* 0 for top and bottom, 40px fro left and right margins. Change to whatever values */
    overflow:hidden;
    }

    - solution b: set the width of #imagecontainer to a certain percentage of the page width then set its margins to auto
    #imagecontainer{
    width:90%; /* change to whatever percentage can accommodate your images */
    margin:0 auto;
    overflow:hidden;
    }
    Many thanks!

  4. #4
    Join Date
    Feb 2012
    Posts
    264
    I did what you said and now you can see that the page (http://www.eduardlid.net/nicolas/hos...hospedaje.html has changed! But I donīt manage to get a margin at the top, bottom, left and right side of the images! What do I wrong?

  5. #5
    Join Date
    Feb 2012
    Posts
    264

    Images at the same distance .....

    Quote Originally Posted by asa View Post
    I did what you said and now you can see that the page (http://www.eduardlid.net/nicolas/hos...hospedaje.html has changed! But I donīt manage to get a margin at the top, bottom, left and right side of the images! What do I wrong?



    Please, can someone answer this question?

  6. #6
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    #imagecontainer img {margin: 0 10px 10px;}

  7. #7
    Join Date
    Feb 2012
    Posts
    264

    Images at the same distance .....

    Quote Originally Posted by cbVision View Post
    #imagecontainer img {margin: 0 10px 10px;}
    Many thanks! (solved!)
    Last edited by asa; 09-28-2012 at 09:01 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles