IT tutorials
 
Graphics
 

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

6/7/2013 1:17:02 AM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
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
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
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