programming4us
 
Graphics
 

Adobe Dreamweaver CS5 : Working with Web Page Tables - Changing Table Properties

6/7/2013 1:17:02 AM
When you create a table, it’s not just about what you place into the individual table cells; it’s how you format the table and the individual cells. When formatting tables, you can set properties for the entire table or for individual rows, columns, or cells in the table. You can set table properties to specify the number of rows and columns you want as well as the number of pixels between cells, either CellPad or CellSpace. When a property is set to one value for the whole table and another value for individual cells, cell formatting takes precedence over row formatting, which in turn takes precedence over table formatting. For example, if you set the alignment for a single cell to center align, then set the alignment of the entire table to left align, the center align cell does not change to left align, since cell formatting takes precedence over table formatting. It’s all about priority.

Change Table Properties

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

2. Select the table you want to change.

3. In the Properties panel, modify the table using the following options:

  • Table ID. Enter an ID for the table (used when calling from JavaScript).

  • Rows. Sets the number of rows in the selected table. Click to enter a new value.

  • Cols. Sets the number of columns in the selected table. Click to enter a new value.

  • CellPad. Sets the number of pixels between a cell’s content and the cell boundaries.

  • CellSpace. Sets the number of pixels between adjacent table cells.

  • Align. Determines where the table appears, relative to other elements in the same paragraph, such as text or images. Click to change alignment from Left (default), Center, or Right.

  • Border. Sets the number of pixels for the border of the table. Click to enter a new value.

  • Class. Used with CSS (Cascading Style Sheets) to help define the properties of the table. In this example, leave the box at None.

  • Clear Column Widths and Clear Row Heights. Deletes all specified row height or column width values from the table.

  • Convert Table Widths To Pixels and Convert Table Heights To Pixels. Sets the width or height of each column in the table to its current width in pixels (also sets the width of the whole table to its current width in pixels).

  • Convert Table Widths To Percent and Convert Table Heights To Percent. Sets the width or height of each column in the table to its current width expressed as a percentage of the Document window’s width.

  • Bi Color. Sets the table’s background color.

  • Brdr Color. Sets the color for the table’s borders.

  • Bi Image. Specifies the source and path to a table background image. You can click the Browse For File or Point To File button to select the file.

 
Others
 
- Adobe Dreamweaver CS5 : Working with Web Page Tables - Splitting and Merging Cells, Sorting Table Data
- Adobe Dreamweaver CS5 : Working with Web Page Tables - Adding Columns or Rows to Tables, Resizing Columns and Rows
- 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
 
 
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