osCmax v2.5 User Manual
Results 1 to 3 of 3

White border on infoboxes?

This is a discussion on White border on infoboxes? within the osCommerce 2.2 Modification Help forums, part of the osCommerce 2.2 Forums category; Hi All, Just half way thru modding osC and having done a couple before I am getting pretty good now ...

      
  1. #1
    Lurker
    Join Date
    Apr 2003
    Posts
    1
    Rep Power
    0


    Default White border on infoboxes?

    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.

    Code:
      border-width: 2px;
      border-color: #ffffff;
    Little example to illustrate...



    Any ideas to what am I missing here

    Cheers,

    Appy

  2. #2
    New Member
    Join Date
    May 2003
    Posts
    24
    Rep Power
    0


    Default Re: White border on infoboxes?

    Quote 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.

  3. #3
    Member
    Join Date
    Feb 2003
    Posts
    32
    Rep Power
    0


    Default

    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.

Similar Threads

  1. Column_left white space call me stupid!
    By AnnieChrist in forum osCMax v1.7 Installation
    Replies: 0
    Last Post: 04-22-2005, 03:46 PM
  2. Add border around store
    By adam71o in forum osCMax v1.7 Installation
    Replies: 4
    Last Post: 04-14-2005, 11:37 AM
  3. Checkout Success white screen problem
    By Dutchman in forum osCommerce 2.2 Modification Help
    Replies: 4
    Last Post: 01-05-2005, 07:19 PM
  4. remove mainpage.php or at least the extra white space at top
    By dschroedl in forum osCmax v1.7 Discussion
    Replies: 3
    Last Post: 08-18-2004, 04:57 AM
  5. Box border colour
    By Bah in forum osCommerce 2.2 Modification Help
    Replies: 5
    Last Post: 12-31-2002, 07:32 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •