programming4us
 
Graphics
 

Adobe Dreamweaver CS5 : Working with Web Page Tables - Adding Columns or Rows to Tables, Resizing Columns and Rows

6/3/2013 8:06:10 PM

1. Adding Columns or Rows to Tables

As you begin to work on a table, you might need to modify its structure by adding more rows and columns to accommodate new text, graphics, or other tables. The table realigns as needed to accommodate the new structure. When you insert rows or columns, the existing rows shift down, the existing columns shift right, and you choose what direction the existing cells shift. Similarly, when you delete unneeded rows, columns, or cells from a table, the table realigns itself.

Add a Column or Row to a Table

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

2. Click to place the insertion point where you want to add a row or column.

3. To add a row or column, click the Insert menu, point to Table Objects, and then click Insert Columns to The Left, Insert Column to The Right, Insert Row Above, or Insert Row Below.

Timesaver

Use buttons on the Layout tab on the Insert panel or the column header menu (arrow above a column) for columns.

4. To add multiple rows or columns, click the Modify menu, point to Table, click Insert Rows Or Columns, enter the number of columns or rows you want to add to the table, and the related options, and then click OK.

Did You Know?

You can delete rows and columns in a table. Select the rows or columns you want to delete, click the Modify menu, point to Table, and then click Delete Row or Delete Column.

2. Resizing Columns and Rows

After you create a table, you can resize the columns and rows to fit your space and data needs. You can set a column to a variable, fixed or consistent width. If you see two numbers for a column’s width, then the column width set in the HTML code doesn’t match the columns width on the screen. You can make the width specified in the code match the visual width. After you insert content into the cell, you can clear the excess width and height of the cell.

Modify Column Widths and Row Heights

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


2. To change a columns width, use any of the following:

  • Change Column Width and Keep Table Width. Drag the right border of the column to change it.

  • Change Column Width and Keep Other Column Widths. Shift-drag the column border.

  • Clear Column Width. Click the Column Header Arrow, and then click Clear Column Width.

3. To change a row height, drag the lower border of the row.

4. Click the Table Header Arrow, and then select any of the following options:

  • Clear All Heights or Clear All Widths. Removes the excess empty space in a cell.

  • Make All Widths Consistent. Makes all the column widths the same.

  • Hide Table Widths. Hides the table widths at the top of the table.


 
Others
 
- Adobe Photoshop CS5 : Working with Layers - Deleting Layers, Changing Layer Properties
- Adobe Photoshop CS5 : Working with Layers - Setting Layer Opacity, Duplicating a Layer
- Adobe Photoshop CS5 : Working with Layers - Working with Layer Blending Modes
- Adobe Flash Catalyst CS5 : Set Up Design-time Data
- Adobe Flash Catalyst CS5 : Configuring the Repeating Item's Appearance
- Adobe After Effects CS5 : Expressions - Using a Layer’s Index
- Adobe After Effects CS5 : Expressions - Linking an Effect Parameter to a Property
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 4) - Adding to the skyline, Adding windows to the building
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 3) - Using the Compound Shape tool, Working with compound shapes
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 2) - Customizing the stroke, Importing and resizing a vector object
 
 
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