PCPhoto

Build Your Own Web Gallery

  • el
  • pt
  • A step-by-step guide with screenshots for building your first website

    Print E-mail

    This Article Features Photo Zoom


    STEP 5c: Inserting A Table

    Cloning

    Table-creation dialog in Dreamweaver.


    We need a container for our content, and we’re going to use a table as our container. Tables are considered old-fashioned in some circles, with a preference for pure CSS-designed pages; but the plain fact is that almost everyone uses tables—they’re supported in all browsers and easy to control for perfect designs.

    This table is our master table for the page, so we want to make it as wide as what’s called for in our original design, in this case 900 pixels. If you look at my original design, you see that, translated into a table, it’s essentially three rows: title, photos and navigation. It’s also five columns: each of the three images gets a column, and there’s a space column on the left and right edges of the page. So I’m creating a table that’s 900 pixels wide, with three rows of five columns each.

    Note that I’m leaving “Border thickness,” “Cell padding” and “Cell spacing” at zero. This is not how you want to add border-forced space around objects. You do this with styles, which we’ll get into later.



    Subscribe to this feed with Addthis!   AddThis Social Bookmark Button
    Tags:
     
     

    PCPhoto Special Offer







    Canadian/Foreign residents, click here.
    Check out our other photo sites:
    outdoor photographerdigital photo pro