Forums
This topic is locked
Border
26 May 2003 18:00:38 Paul W posted:
<font face='Arial'>Hi all,I'm a Dreamweaver newbie.
Please bear with me if this has been asked before.
Could anyone please tell me how do I add a solid border to just 1 side of a table or cell?
Thanks in advance.
</font id='Arial'>
Replies
Replied 27 May 2003 10:59:31
27 May 2003 10:59:31 james crellin replied:
welcome--
You would need to use a CSS (cascading style sheet). I'm not sure if your familiar with them, but i have some time to kill so I will explain. Here is how to create that:
======================================
1) create the table as you would normaly and then click once on the table to select it.
2) Then right click in the "CSS styles" panel and select "new CSS style"
<img src="www.solowhost.com/FileUpload/fileupload/store/border1.jpg" border=0>
3) On the next screen, you will have 2 options for the "Define In" area. Choosing "this document only" will set up the styles directly in the html of the page that you are working on. The "New Style Sheet File" option will create a .css file and you could attach it to other documents. For this tutorial I am going to use this document only and name it "border".
<img src="www.solowhost.com/FileUpload/fileupload/store/border2.jpg" border=0>
4) After you press okay, you will see the screen that lets you create the style. Click on the "border" option in the left hand menu. Then set all options to what you see in the picture. You can of course change them to what you need.
<img src="www.solowhost.com/FileUpload/fileupload/store/border3.jpg" border=0>
5) Then click on the "OK' button and you should have something similar to the image below.
<img src="www.solowhost.com/FileUpload/fileupload/store/border4.jpg" border=0>
I hope that makes sence and helps you out. Let me know if you have any more questions.
-- saleblitz
<img src="syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<b>"I learn so I can help."</b> =- Saleblitz
You would need to use a CSS (cascading style sheet). I'm not sure if your familiar with them, but i have some time to kill so I will explain. Here is how to create that:
======================================
1) create the table as you would normaly and then click once on the table to select it.
2) Then right click in the "CSS styles" panel and select "new CSS style"
<img src="www.solowhost.com/FileUpload/fileupload/store/border1.jpg" border=0>
3) On the next screen, you will have 2 options for the "Define In" area. Choosing "this document only" will set up the styles directly in the html of the page that you are working on. The "New Style Sheet File" option will create a .css file and you could attach it to other documents. For this tutorial I am going to use this document only and name it "border".
<img src="www.solowhost.com/FileUpload/fileupload/store/border2.jpg" border=0>
4) After you press okay, you will see the screen that lets you create the style. Click on the "border" option in the left hand menu. Then set all options to what you see in the picture. You can of course change them to what you need.
<img src="www.solowhost.com/FileUpload/fileupload/store/border3.jpg" border=0>
5) Then click on the "OK' button and you should have something similar to the image below.
<img src="www.solowhost.com/FileUpload/fileupload/store/border4.jpg" border=0>
I hope that makes sence and helps you out. Let me know if you have any more questions.
-- saleblitz
<img src="syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<b>"I learn so I can help."</b> =- Saleblitz
Replied 27 May 2003 19:04:45
27 May 2003 19:04:45 Paul W replied:
<font face='Arial'>It works! Thanks, saleblitz.</font id='Arial'>