HTML graphics confusion

[alumaline]

Hi,
 
I am trying to place some pics into a webpage but the pics
all stack on top of each other with no space between them.
I tried  
 <p> and a horizontal line to seperate but nothing
works. The tags are ignored.   http://www.nitropro.com/reviews.htm

example:

        <table width="95%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><img src="rev.gif" width="82" height="36">



            <img height=115 src="cyclingplus-small.jpg"width=320 align=left>



<font face="Arial" size="2"><a href="http://www.nitropro.com/cyclingplus.htm" target="_blank">Enlarge[/url]

            <img height=30 src="blank.gif"width=325 align=left>

            <p><hr width="100%"></p>
            <p><img height=66 src="gearreview.gif"width=142 align=left></p>


thanks in advance.   :-/
Mark

[Dilbert]

I don't see anything like that. Below is a link to what I see:

where9ck.png (421 KB)

[alumaline]

Hi,

Yes I have been trying to get the pics to have spaces between them
but have only gotten them side by side. You viewed it while I was
attempting to solve the problem.  Problem still occurs.

[aslater]

On cellpadding, put a value of 5 and see if you like the result, or play with the value on cellspacing.  The bigger the number the bigger the spacing.  Or put "&nbsp;" without the quotes for each space you want separating them.  Not pretty, though.
ASlater

[Rob Pomeroy]

Yuck, that's very messy code - lots of redundant HTML tags.

Your problem arises from using the "align='left'" attribute with your img tags.  This has the side-effect of floating the image, causing everything afterwards to wrap down the right hand side of the image.  This works, and is also much tidier:

Code: [Select]

<table border="0" cellpadding="0" cellspacing="0" width="95%">
  <tr>
    <td valign="top">
      <img src="http://www.nitropro.com/rev.gif" height="36" width="82" /><br />
      <img src="http://www.nitropro.com/cyclingplus-small.jpg" height="115" width="320" />
      <a href="http://www.nitropro.com/cyclingplus.htm" target="_blank">Enlarge</a></font><br />
      <hr width="100%">
      <img src="http://www.nitropro.com/gearreview.gif" height="66" width="142"><br />
      <span class="black">
        <br />
        <b>NitroPro Suspension Seatpost</b> <i>By James Sharp</i>
        ...The damping mechanism built into the gas spring of the NitroPro
        is about perfect. I never felt that the post was trying to eject me from
        the saddle. It always returned to the top of its stroke smoothly in a
        controlled manner. The NitroPro has 2.3 inches of travel. It is adjustable
        for preload, and there are different gas springs available for different weight
        riders.  
        ...The NitroPro seat post has about a smooth an action as I have ever felt in
        a seat post, and the expanding key keeps the post moving up and down,
        not rotating side to side....Summary... put it plainly, it works well. ...the rider
        is rewarded with a noticeably smoother ride. I heartily recommend it to anyone
        still riding a hard tail mountain bike.  James Sharp is a contributing editor for
        GearReview.com specializing in mountain biking. <b>GearReview.com &nbsp; 8/03</b>
      </span>
    </td>
  </tr>
</table>