dreamweaver courses london - Borders of individual cells

Hi Sophie

To change the width of table cells within Adobe Dreamweaver, you have 2 options. This first is, if you are in design view within dreamweaver 8 all you need to do is hover you mouse over the table border, then click your left mouse and drag the table cell to the width that you want it. The second option is, if you are within the coder view in dreamweaver the you will find a <table> tag and then nested <tr> and <td> tags within that. All you will need to do is add the property width="200px" within the <td> tag. ie <td width="200px".

Remember px stands for pixels, you could use a % instead if you prefer.

Hope this helps
David

Sophie,

In addition to changing the width, you can use CSS to change border properties.

The code for the first cell might be:

<td style="border: 5px solid red">Data here</td>

The code for the second cell might be:
<td style="border-top: 1px dotted green; border-bottom: 3px solid blue;">Data here</td>

This way, you can control each border side, including thickness, type of line, and colour.

Regards, Rich