White border on infoboxes?

[appy]

Hi All,

Just half way thru modding osC and having done a couple before I am getting pretty good now at messing up all the beautiful code but this one has me stuck!

I simply want a white border (1 or 2 px) around the individual infoboxes. Doing the header part is easy by changing the corner and top images but I would obviously prefer to use CSS to achieve the effect for the whole box. I've tried adding the following to the .infoBox (and other classes) in the stylesheet with no joy.

  border-width: 2px;
  border-color: #ffffff;

Little example to illustrate...



Any ideas to what am I missing here

Cheers,

Appy

[cxm322]

Originally Posted by appy

I simply want a white border (1 or 2 px) around the individual infoboxes. Doing the header part is easy by changing the corner and top images but I would obviously prefer to use CSS to achieve the effect for the whole box.

Not sure if you figured this out yet but oddly enough you go to your css and change ...

.infoBox {
background: #ffffff; (where ffffff is the code for white as I am sure you know).


Not sure why it is labeled background.

You cannot change the size, but then again, you would not need to if you want white borders on your info boxes if your page background is also white.

[jgkiefer]

If you want to add css borders try the following (add to table not cell)

For all 4 borders in one statement:

border: 2px solid #ffffff
(notice the style is solid white)

To list each one seperately:

border-top: 1px ridge #666666;
border-right: 1px ridge #666666;
border-left: 1px ridge #666666;
border-bottom: 1px ridge #666666;
(notice the style is a dark grey ridge, this makes the border a bump, you could just as easily make it dotted, inset or outset, etc)

These are handy little snippets to have tucked away.