Advanced Html Help for Auction adverts



  1. Adding height and width settings to your image


  2. You can add the height and width information to your picture, this will prevent your advert jumping around as it loads in (this will be more noticable for users with slow internet connections)

    <img src="http://snap23.photobox.co.uk/71487625b99746261b69e36d1b4c80e14b2491b0843dbae250a2416f.jpg" height="400" width="300">

    For the best results, the height and width numbers must match the height and width of your image as shown in the properties window. You can set the height and width to an alternative size (to shrink your image for example) if you do this make sure you keep the aspect ratio (width to height) the same else your image may look squashed or streched.

  3. Supersize your pictures


  4. You can have a smaller image in your advert which, when clicked, will load a larger image for your ebay viewers to see.

    Heres how to do it:

    <a href="...insert url of large image here">
    <img src="..insert url of small image here">
    </a>

    This is what it looks like:



  5. Add a border to your image


  6. <img src="...image url..." border="1">

  7. Creating a table of images


  8. If you have multiple images you can store these in a table, this can improve the layout of your advert

    This is slightly harder so bear with me..

    This is a basic table structure:

    <table border="1">
    <tr><td><img src="..url of Picture1"></td><td><img src="..url of Picture2"></td></tr>
    <tr><td><img src="..url of Picture3"></td><td><img src="..url of Picture4"></td></tr>
    </table>


    This is what it will look like:

    Picture 1Picture 2
    Picture 3Picture 4

    You can expand this table to have more rows or columns:

    The <tr> tag starts a new row the </tr> ends the row
    The <td> tag starts a new cell the </td> ends the cell

    You can combine this with the Supersize example, just insert the supersize code in between the <td> and </td> tags


    Whats a url?

    URL actually stands for 'Uniform Resource Locator' but don't worry about that - Its just the location of a website, image etc on the internet.

    "http://snap23.photobox.co.uk/71487625b99746261b69e36d1b4c80e14b2491b0843dbae250a2416f.jpg" is an example of a URL.


    Go back to Basic HTML help







This turtorial is copyright 2005 Richard Harris