dreamweaver courses london - borders individual cells
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

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

The UK's most regular instructor-led training courses.
Training information: dreamweaver courses london · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · Low Priority · Version Standard

No ranking yet
1 post
replyReplyTue 1 May 2007, 13:11Delegate Sophie said...

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)

Gold
428 posts
replyReplyWed 2 May 2007, 13:15Trainer David said...

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

Platinum
798 posts
replyReplyWed 2 May 2007, 13:25Trainer Rich said...

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


Related articles

· Making Your Website Accessible To All
· Saving Time With Server Side Includes
· Search Engine Optimisation Tips
· Advantages Of Using Dream Weaver To Design Web Pages
· Better Website And More Sales With Less Expense

Dreamweaver (adobe) tip:

Toggle panels on and off

Press the F4 key to toggle all the panels in Dreamweaver on or off. This gives you more editing and programming screen space.

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (108 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard