Centering three photos side by side

I DONT KNOW TO MUCH ABOUT HTML,BUT IM BUILDING A EBAY AUCTION TEMPLATE I HAVE IT ALL DONE,BUT I NEED TO PUT 3 PHOTOS SIDE BY SIDE WITH CAPTION ON BOTTOM OF EACH.I HAVE CODES THAT WILL WORK GOOD FOR 2 PHOTOS.THAT I GOT HERE FROM A POST FROM "MENTOR’ JOHN BETONG.BUT I WANT 3 ACROSS AND BE ABLE TO CHANGE FONT AND FONT COLOR,I CAN USE ANY HELP PLEASE.I TRIED CLICKING ON THE HE MADE WITH THE 2 PHOTOS SIDE BY SIDE BUT IT WOULD NOT WORK.BUT THIS IS THE HTML THAT WORKS FINE FOR 2 IMAGES

<div style='text-align:center;font-weight:bold'>
		
    <h1>
      Just couple of reasons we go to France every year......
    </h1>
		
    <table class="image" align="center" >
    <tr>
      <td>
        <img src="001.jpg" 
               height="325" width="500" border="4"
               alt="Sardines, Bordeaux"  
        />
      </td>
      <td>
        <img src="002.jpg" 
               height="325" width="500" border="4"
               alt="Mid-day in Paris"  
        />
      </td>
    </tr>
    <tr>
      <td class="caption">
        Sardines in Bordeaux
      </td>
      <td class="caption">
        Lunch in Paris
      </td>
    </tr>
    </table>
  </div>

Why have you written this all in caps @htmlwesley? I can’t bring myself to read it. It hurts the eyes.

5 Likes

You could simply add a third column to each row. Another picture in the first and a caption in the second.

But even though Ebay’s own html is terrible and uses tables for layout :mask: They do now prefer you to make responsive layouts to cater for mobile users. I tend to use “proper” mark-up and layout methods (CSS) to meet that requirement and also out of principle.

3 Likes

A link to the relevant post would be helpful or even a link to the topic.

'and not forgetting…

@htmlwesley and a warm welcome to the SP Forum.

3 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.