programming4us
 
Graphics
 

Adobe Dreamweaver CS5 : Working with Web Page Tables - Modifying a Table

5/25/2013 9:33:46 PM
After you create the initial table and cells, you can select, resize, move, or even delete the table and cells to fine tune it. When you move or resize a cell in a table, there are a few things you need to avoid. These include overlapping cells, crossing the boundaries of the table, and making the cell smaller than its contents. Before you can resize, move, or delete a table or cell, you need to select it first. You can select the table by clicking the table header arrow at the top or an outside table edge, or select a cell by clicking a cell edge. When you select the table or place the insertion point in the table, the widths of tables and cells appear at the top or bottom of the table in pixels or as a percentage of the page width. Next to the widths are arrows for the table and column headers you can use to display a menu with related commands. When you point to a table edge, Dreamweaver highlights it to make it easier to see.

Modify the Table and Cells

1. Open the Web page containing the table you want to modify.

2. Click the Design button to display the page in Design mode.

 3.Click the View menu, point to Table Mode, and then click Standard Mode or Expanded Tables Mode.

  • You can also click the Standard or Expanded button on the Layout tab on the Insert panel.

4. To modify the table:

  • Select Table. Click in the table, click the Modify menu, point to Table, and then click Select Table, or click the table header arrow, and then click Select Table.

    Timesaver

    Click in the table, and then press Ctrl+A (Win)  to select it.

  • Resize Table. Select the table, and then drag the control points on the right table edge to expand or contract the table.

  • Delete Table. Select the table, and then press the Backspace (Win) or Delete (Mac) key to remove the table.

5. To modify columns or rows:

  • Select Columns. Click in the column, click the column header arrow, and then click Select Column.

  • Select Columns or Rows. Click the left edge of a row or the top edge of a column, or drag to select multiple columns or rows.

  • Resize Columns or Rows. Drag the border to change the size; for a column, the table keeps its width. To change change column width and keep column width, shift-drag the column border.

6. To modify the individual cells:

  • Select Cell. Click on the edge of an active table cell, or Ctrl-click (Win) anywhere in the cell.

    To select more than one cell, drag from cell to cell, or Ctrl-click (Win) multiple cells.

  • Resize Cell. Select the cell, and then drag any of the control points on the cell edges to expand or contract the size of the selected cell.

  • Delete Cell. Select the cell, and then press the Backspace (Win) or Delete (Mac) key to remove the selected cell.

 
Others
 
- Adobe Photoshop CS5 : Working with Layers - Linking and Unlinking Layers
- Adobe Photoshop CS5 : Working with Layers - Using Merge Layer Options
- Adobe Photoshop CS5 : Working with Layers - Controlling Image Information Using the Layers Panel, Moving Layers Between Documents
- Adobe Flash Catalyst CS5 : Animating State Change Transitions
- Adobe Flash Catalyst CS5 : Trigger View State Changes with Buttons
- Adobe Flash Catalyst CS5 : Components with Built-in View States
- Adobe Flash Catalyst CS5 : Create New States within a Component
- Adobe After Effects CS5 : Animating Text - Adding motion blur, Exporting to Adobe Flash Professional CS5
- Adobe After Effects CS5 : Animating Text - Animating a nontext layer along a motion path
- Adobe After Effects CS5 : Animating Text - Cleaning up the path animation
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft