Tech Support banner
Status
Not open for further replies.
1 - 5 of 5 Posts

·
Registered
Joined
·
102 Posts
Discussion Starter · #1 ·
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.
 

·
Registered
Joined
·
625 Posts
@ 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!
 

·
Registered
Joined
·
102 Posts
Discussion Starter · #5 ·
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.

@ 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!
 
1 - 5 of 5 Posts
Status
Not open for further replies.
Top