HTML tables..

1163 Views 4 Replies 3 Participants Last post by yuppicide, Jan 24, 2007

yuppicide

Discussion Starter · Jan 24, 2007

I've started making this site:

http://www.peppermint-bay.com/beta/

As you can see I put up four of our products. Right now I just put pictures and 3 spaces in between each.

I can't figure out how I'd make them into 4 seperate <td> or whatever. I want it so they are evenly spaced within that area, but I want it indented so it doesn't go outside of the "torn" background.

Do I need to make a table within that table? Can anyone help? What I am ultimately doing is having the item # and color appear under the item and then later on I will add javascript to view larger images, but for now just get the images up will be great.

Save

Status: Not open for further replies.

1 - 5 of 5 Posts

v-six

· #2 · Jan 24, 2007

can't connect to server.

Save

yuppicide

Discussion Starter · #3 · Jan 24, 2007

Been working fine for me all day. Maybe the server went down just as you were trying it?! I've been using our website all day with no troubles.

v-six said:
can't connect to server.

Save

KoosHopeloos

· #4 · Jan 24, 2007 (Edited)

@ yuppicide: Put this code in between the <td> </td> tags where you have now placed the images. I've set the width of this table to 100% so that it will fit nicely into your page. But you will have to adjust the rest as you wish... If you want to evenly space the images you could for exapmle centre them all.

Code:

<table width="100%" border="1">
  <tr>
    <td>image 1</td>
    <td>image 2</td>
    <td>image 3</td>
    <td>image 4</td>
  </tr>
  <tr>
    <td>colors image 1</td>
    <td>colors image 2</td>
    <td>colors image 3</td>
    <td>colors image 4</td>
  </tr>
</table>

PS Site looks promising!

See less See more

Save

yuppicide

Discussion Starter · #5 · Jan 24, 2007

Thank you kindly. That works great. If you want to reload the page, you can see my latest changes. I've added a texture to the background as well. I don't really know what to do with it because it was plain white originally. It looked pretty boring.

I'm going to make the Peripherals logo animate or something, but I have no idea what to do yet, or what program to use, or how to do it. Our other logo as seen here http://www.peppermint-bay.com/images/title.gif I did in Flash and saved as Animated .gif.. I found that tutorial on the internet, but am not totally proficient in Flash to make something like that on my own.

Once I get a picture of all the items we offer up there I'm going to add some buttons to the top of that page and make them do something with a mouseover effect.

KoosHopeloos said:
@ yuppicide: Put this code in between the <td> </td> tags where you have now placed the images. I've set the width of this table to 100% so that it will fit nicely into your page. But you will have to adjust the rest as you wish... If you want to evenly space the images you could for exapmle centre them all.

Code:

<table width="100%" border="1"> <tr> <td>image 1</td> <td>image 2</td> <td>image 3</td> <td>image 4</td> </tr> <tr> <td>colors image 1</td> <td>colors image 2</td> <td>colors image 3</td> <td>colors image 4</td> </tr> </table>

PS Site looks promising!

Save

1 - 5 of 5 Posts

Status: Not open for further replies.

Top Contributors this Month