1. #1

    HTML Image spacing help, please?

    Hi guys,
    i am trying to make a webstore for my i.t assignment
    i want to have two images ON THE SAME LINE (just small images) with a space between the two pictures.

    my plan is to have two images on one line, then add info under each picture on the line underneath (just write what the product is, and the price)

    please someone help me out. if you need more info just ask

    cheers

  2. #2
    Deleted
    Truthfully I'm quite bad at HTML but why won't you just combine the images so the page looks to your liking?

  3. #3
    i cant put the images side by side.
    but i want a space between the two, and i don't no how to do that

  4. #4
    try to set;

    display:inline;
    position:relative;
    margin:0 0 0 15px;

    in your stylesheet on whatever class you're using for your images.
    It's hard to say without seeing the rest of your structure.

    Are you hard-coding every image? are they surrounded by <div></div> ?
    Sethraz - Havoc Demon Hunter - Draenor EU - Achievement Points: 22220+ - Mounts: 472+

  5. #5
    I want to specify that i would like to no the code to put a space between the two images.
    the code i have now is:
    <div style=width:240px;"><img src=imagename.gif"><img src="imagename2.gif"/></div>

    (using notepad)
    this isnt going to be a real site. Just for my assignment at tafe

  6. #6
    Old-fashioned way to do that is using tables.
    Never going to log into this garbage forum again as long as calling obvious troll obvious troll is the easiest way to get banned.
    Trolling should be.

  7. #7
    If you want a line of text under each image you need to have the images in seprate <div>'s

    I did it like this https://dl.dropbox.com/u/11204765/s/ex.html
    using http://pastebin.com/zc3JvqXG
    Last edited by Dyminator; 2012-08-12 at 09:22 AM.
    Sethraz - Havoc Demon Hunter - Draenor EU - Achievement Points: 22220+ - Mounts: 472+

  8. #8

  9. #9
    And also you could try to download Notepad++ or Sublime Text 2 both can be used for free.
    I prefer sublime text.
    Sethraz - Havoc Demon Hunter - Draenor EU - Achievement Points: 22220+ - Mounts: 472+

  10. #10
    hey sorry another question Dyminator
    i used the html code you sent me, how would i center those images?

  11. #11
    Hey, i made some errors in the old one as well, which should be fixed now.
    you mean centered like this right? https://dl.dropbox.com/u/11204765/s/ex.html
    using http://pastebin.com/nhALgyfz
    Sethraz - Havoc Demon Hunter - Draenor EU - Achievement Points: 22220+ - Mounts: 472+

  12. #12
    Perfect mate, tyvm for helping me out

Posting Permissions

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