8. Coding part. Open the html file that you made for the table. In BODY tag add background="tile1_small.jpg". You will see that sliced images are named with images/ before them, PI generates a new folder named "images". If you usually have all files in one folder or directory - you will need to remove all "images/" from file names in the html document. Now we will change just some things in coding. First of all just before the TABLE tag put and after the TABLE end tag . This will align your table in the center. In any screen resolution your table will be horizontally in the center.

9. Now find in your html document image what we named "border". You need to put this image as background in the same TD tag that it is now and also add the WIDTH value. It will look like that: . Delete the IMG tag completely. In this cell you will have all web set content. Find the next TR tag with TD after that - TD tag includes the image that we didn't rename and we will not use it. Delete everything inside the TR tag - from TR till /TR. That's all. Now you can put in all the buttons, divider, guestbook images. For guestbook just open the html file PI generated, copy the table and past in the table. Put it within the DIV ALIGN=CENTER tag.

  If you have any questions - e-mail me.

Here are also two more samples of web sets I made using this technique. Click on images to see complete set.

 Part 1 | Part 2

  Back to tutorials index

  Do not duplicate, translate or redistribute this page.
Copyright © Sandra Auzina Bonello 2001. All rights reserved
Camelia's Designs
white_camelia@hotmail.com