ClassCreator.com | Blockbuster sites, amazing reunions

Share Tips

New Topic Reply Subscription Options  

Border color

Forums: General Discussion
Created on: 09/24/09 02:36 PM Views: 2083 Replies: 13
Thursday, September 24, 2009 at 2:36 PM

To create a colored border around some text, I created a table with 1 column, 1 row. I then went into the html source code and set the bordercolor of the table to "orange". That turned out great. Then I typed the text in the table cell. The text is right against the colored border. Ugh! I would like to see some while space around the text. Does anyone know how to do that? Thanks.

Reply
Thursday, September 24, 2009 at 2:52 PM - Response #1

In visual view right click on your table border and then enter Table Properties. Just give your table some cell padding and you'll be all set.


Reply
Thursday, September 24, 2009 at 3:24 PM - Response #2

Thanks Brad. I tried that at first but only used a value of 4 pix. I should have realized that would not be enough. When I changed the padding to 15, it was just what I wanted.

Reply
Thursday, September 24, 2009 at 7:42 PM - Response #3

In order to change the color of my table border, I click on the source button and then what? I am a fast learner if someone can teach me where exactly do I put in the color or do I use the code such as #CCFF00? Any help will be appreciated.

Thanks,

Reply
Thursday, September 24, 2009 at 7:57 PM - Response #4

Dawn Estep wrote:

In order to change the color of my table border, I click on the source button and then what? I am a fast learner if someone can teach me where exactly do I put in the color or do I use the code such as #CCFF00? Any help will be appreciated.

Thanks,

Here is an HTML tutorial, specifically bordercolors

http://www.htmlcodetutorial.com/tables/index_famsupp_149.html


Reply
Edited 09/24/09 7:58 PM
Thursday, September 24, 2009 at 8:03 PM - Response #5

That tutorial shows to use the color name, but you can also use the color number code.

Reply
Thursday, September 24, 2009 at 8:12 PM - Response #6

Does it matter where you put

? The tutorial is hard to understand. I wish that Class Creator had an easy tutorial for dummies! Smile I have not had any problems learning anything in here until I got to the TABLES...then it was like this big crash!

Reply
Thursday, September 24, 2009 at 8:21 PM - Response #7

Dawn Estep wrote:

Does it matter where you put ? The tutorial is hard to understand. I wish that Class Creator had an easy tutorial for dummies! Smile I have not had any problems learning anything in here until I got to the TABLES...then it was like this big crash!

Dawn...if you have already created the table, look for the table in the source view. Then add the value bordercolor="orange" (note that bordercolor is all one word) anywhere within the tag (before the last >
each value is separated by a single space.

You can access a gazillion html tutorials of all levels of difficulty just by googling anything you might be trying to do, for instance search for: html table border color

P.S. the editor will probably rearrange your values within the tag to a way it likes better...don't worry about that, it doesn't matter what the order is.

Reply
Edited 09/24/09 8:51 PM
Thursday, September 24, 2009 at 8:26 PM - Response #8

Sorry Dawn, I should have found a better tutorial. I just searched google with "Table Border Color" and that one was the first one that came up.


Reply
Friday, September 25, 2009 at 8:18 AM - Response #9

Hi Dawn,

I assume the excellent replies by everyone has helped you and you have been successful with your table border. Just a comment or two. First, when you go to table properties, make sure you give the border some width by increasing the border size. Then go into the source view and look for the code that identifies the table. You should see

. I put mine after BORDER=10.

If you have more than 1 table on your page, the trick is finding the correct code for the table you want to change.

Good luck.

Joyce

Reply
Friday, September 25, 2009 at 12:44 PM - Response #10

Joyce Wood wrote:

Insert the code BORDERCOLOR="#CCFF00" anyplace between . I put mine after BORDER=10.

The above is incorrect. I'm sure what Joyce meant to say is to insert the code bordercolor="#ccff00" anywhere within the opening tag ie, between and the final > of the opening tag.

is the closing tag and comes after all the cells, ending the table code.


table data goes here (text or images, etc.)

note: cellpadding, as well as all other values, are optional within the opening table tag. I only added it in the above example to show where the bordercolor value might go.

Reply
Edited 09/26/09 6:26 PM
Saturday, September 26, 2009 at 1:36 PM - Response #11

Thank you all so much for your help - that really makes a difference understanding the whole concept. My only problem now is I'm probably going to have all these tables on my website now that I've learned how to do it! Laughing

Reply
Sunday, November 7, 2010 at 1:18 AM - Response #12

I'm just learning about tables. Why do you have to go into the HTML code when the Cell->Cell Properties has a "Border Color" selection option?

BTW, this doesn't seem to work for me even with generous border widths.

Reply
Friday, April 29, 2016 at 12:25 PM - Response #13

OK. I know this is a very old thread...and I know I've done this before but I can't seen to get it right. I want ONLY a colored table border - I do not want borders on the cells within the table. Attached is what tht first part of my source looks like now. (finally got it!)

Reply
Edited 04/29/16 12:37 PM
New Topic Reply  
Subscription Options: Have all new forum posts sent directly to your email.
Subscription options are available after you log in.