• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 10. Creating Forms > Adding an image that spans two columns

Adding an image that spans two columns

Now you'll replace the words "Membership Application" by adding an image to the page. First you'll adjust the table columns so that the words "Membership Application" span two columns.

1.
Move your pointer over the cell that contains the words "Membership Application," so that the pointer changes to an arrow. Then click to select the cell.

The Inspector changes to the Table Inspector, with the Cell tab automatically selected.

2.
In the Table Inspector, enter 2 for Column Span, and press Enter or Return.

Now you'll replace the text with an image.

3.
Select the words "Membership Application," and press Delete.

You'll add the image to the form using a file in the site window.

4.
Choose File > Open, and open the Forms.site file. The path to the file is Lesson10/ 10Start/Forms Folder/Forms.site.

The site window opens. It contains a Media folder, the Index.html file, and the Membership.html file. It also contains the Name_form.html file that you created earlier in this lesson; however, for this file to display in the site window, you need to update the contents of the window.

5.
Click the Update button ( ) on the toolbar to update the contents of the site window.

6.
In the site window, expand the Media folder. Then drag Form_header.jpg from the Media folder in the site window to the empty table cell that previously contained the words "Membership Application." The image is added to the cell.


Dragging image file from site window to table cell


7.
Choose File > Save to save the page.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint