HTML Forum

**Janet21** · 04-23-2006, 01:27 AM

I just set up a table for my site sponsors. Can someone tell me how I can change the border color to blue instead of what it is now? Table is on my homepage. Thanks!

**gringo** · 04-23-2006, 09:22 AM

If you put a class of "blue" on your table like this:

HTML Code:

<table class="blue">

you can specify

HTML Code:

      table.blue {
		border: 1px solid blue;
      }

in your style sheet

**ghettobert** · 04-23-2006, 11:37 AM

If you'd want a border on the individual cells as well, you should add:

Code:

table.blue, table.blue td {
		border: 1px solid blue;
      }

**Janet21** · 04-23-2006, 12:07 PM

I am doing my site editing with flyspeck page editor and I can't seem to get it to work. Here is my coding. Would I input the table class="blue" in here somewhere?

<table height="85" cellspacing="0" cellpadding="0" width="150" border="1">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>

Also, can I even change the style sheets with a page editor?

thanks so much for your help!

**robterrace** · 04-23-2006, 12:28 PM

Quote:

Originally Posted by Janet21

I am doing my site editing with flyspeck page editor and I can't seem to get it to work. Here is my coding. Would I input the table class="blue" in here somewhere?

<table height="85" cellspacing="0" cellpadding="0" width="150" border="1" insert here class="blue">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>

Also, can I even change the style sheets with a page editor?

thanks so much for your help!

As above.

**Janet21** · 04-23-2006, 01:48 PM

This is driving me nuts. I just can't get it to work and I am doing it exactly as you guys are saying. Is it possible that I can't change border color in a page editor program?? Sorry to keep bothering you guys, but I really want to add this table, but can't leave it as it is.

Anyone else want to take a shot at it?

Thanks for your patience.

**ghettobert** · 04-23-2006, 04:03 PM

There's probably still something wrong with the linking to your styles.

Where do you have them ? In an external stylesheet or in your HTML document itself ?

This is how you should link them in the page itself

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
table.blue, table.blue td {
		border: 1px solid blue;
}
-->
</style>
</head>
<body>
<table height="85" cellspacing="0" cellpadding="0" width="150" border="1" class="blue">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>

</body>
</html>

**Janet21** · 04-23-2006, 04:32 PM

It think it may be in an external style sheet. The page editor my webmaster installed for me only allows me to change/add data to certain areas and pages, not the page as a whole. That is probably why it is not working.

All I really want to do is add a box with a blue border to include my site sponsors and possibly other information. Is there any other way to do this with the page editor program I am using or am I out of luck here?

**ghettobert** · 07:07 AM

So you're the one who needs to make changes to those pages but you don't have full access

What you could try - and I should point out that this is not really the most desired way to do it - is using inline styles.

Code:

<table height="85" cellspacing="0" cellpadding="0" width="150" border="1" style="border: 1px solid blue;">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>

This might work for you, but it takes away the huge benefit of an external stylesheet.

**Janet21** · 04-25-2006, 09:08 AM

Quote:

This might work for you, but it takes away the huge benefit of an external stylesheet.

I will give it a try. Just wondering, what are the disadvantages of doing it this way as opposed to doing it on the main page? thanks for your continued help. I really appreciate it.

**ghettobert** · 10:21 AM

Well something really valueable about an external stylesheet is that you have one central place where you can edit the way your site looks.

Let's say you'd have a site of 100 pages and you'd have to change this blue border to red by using the above described method you'd have to enter every document replacing the blue with red, versus changing just one rule in your central stylesheet.

Another disadvantage is that you do your actual css coding inside the html document itself, aside from the documents getting bigger, there's really no seperate page you can look up for just your styles only (which you can if you use a seperate stylesheet). Let's say you have to dive back in this project in half a year or so, you probably won't remember why did you did things the way you're doing them now and you could spend a day figuring out why that **** border is blue cause there's nowhere a style to be found ...

So I strongly recommend you'd go with a seperate stylesheet. You should be able to edit those files in any plain text editor. Post your code the way it is now and we can probably spot in no-time what's going wrong. From what I've read so far, it can't be too much of a big deal.

**Janet21** · 04-25-2006, 10:47 AM

Thanks for the information. The problem is I currently only have access to certain areas of each page in a text editor. I don't have access to change the style sheets. Only my developer can do that, but if i ask him to do this for me it will just cost me more money. That is why I am trying to do this myself.

The coding you gave me did change the border color. Is there anyway to make the border color match the blue on my site #000063? instead of basic blue? thanks.

**ghettobert** · 04-25-2006, 11:34 AM

Hmm ok. And it won't be a problem if he needs to make changes sooner or later and he finds out that you've been messing with it ?

Anyways for the blue color you've specified, change the

Code:

style="border: 1px solid blue;"

into

Code:

border: 1px solid #000063;

**Janet21** · 04-25-2006, 01:44 PM

Quote:

Originally Posted by ghettobert

Hmm ok. And it won't be a problem if he needs to make changes sooner or later and he finds out that you've been messing with it ?

Actually, I am losing faith in him in general and am kind of in the market for a new web hoster and programmer. I don't want to go into details, but that is the way it is. He knows that I am working on the site and I don't think he minds. I sent him an email asking him for information to change the border color, the way I asked here. I just wanted to know what was involved and if it was something I could do myself. That was last week and he has not yet returned my email. I got a quicker response here.

Thanks for your help.

**ghettobert** · 04-25-2006, 02:44 PM

I see. Well he's not really commited if an minor issue like this should almost take him around a week. Good luck with your future work

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!