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

Lesson 11. 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 bottom edge of 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.
Triple-click in the text to 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 in Lessons/Lesson11/11Start/forms folder/.

The site file 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, before this file displays in the site window, you need to update the contents of the window. If you had created the new page, name_form.html from the site window, the page would have been visible right away.

5.
Choose Site > Refresh View 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.
Click in the document window, and 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