dreamweaver courses london - borders individual cells

AI Training: For Busy Decision Makers & Professionals Book now

Forum home » Delegate support and help forum » Dreamweaver Training and help » dreamweaver courses london - Borders of individual cells

dreamweaver courses london - Borders of individual cells

resolvedResolved · Low Priority · Version Standard

Sophie has attended:
Dreamweaver 8 Introduction course

Borders of individual cells

How do you add / change the borders of individual cells - having already set up a table (not change the colour - but change the width etc)

RE: 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

RE: Borders of individual cells

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

 

Training courses

 

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.


 

Dreamweaver tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver hints and tips


Server loaded in 0.12 secs.