Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Problem with borders in Exercise 5 Boxes

This is a discussion on Problem with borders in Exercise 5 Boxes within the osCommerce 2.2 Modification Help forums, part of the osCommerce 2.2 Forums category; Greetings, I've just done Exercise 5 Boxes: Changing the Look and Style but am having problems with the look of ...

      
  1. #1
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default Problem with borders in Exercise 5 Boxes

    Greetings,

    I've just done Exercise 5 Boxes: Changing the Look and Style but am having problems with the look of my borders.

    For the stylesheet, I created the infoBoxHeading as suggested using 1px instead of 2px:

    .infoBoxHeading {
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    }
    Then I replaced the code in the boxes.php file per tutorial with the transparent pixels. The result can be found here:

    http://www.scrappinstuff.ch/catalog/index.php

    As you can see, I still have white spaces in the blocks. Would anyone know how I can get rid of these?

    Any and all suggestions will be greatly appreciated.

    Best regards,
    Rashunda

  2. #2
    Member
    Join Date
    May 2005
    Location
    Berkshire, UK
    Posts
    56
    Rep Power
    0


    Default RE: Problem with borders in Exercise 5 Boxes

    .infoBoxHeading {
    background: url('insert url for image here');
    background-repeat: repeat-x;
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    }

    is what I use with an image 1px wide which repeats itself to fill the box heading area. Hope this helps.

  3. #3
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    Hi there,

    Thanks for the tip but it didn't work. I don't know what I did wrong.

  4. #4
    Member
    Join Date
    May 2005
    Location
    Berkshire, UK
    Posts
    56
    Rep Power
    0


    Default

    this will work:

    .infoBoxHeading {
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid
    background-color: #BBC3D3;
    }

  5. #5
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    Greetings,

    Thanks beahawk. The white spaces are gone but now I can't get the borders to show.

    I'll fiddle around some more later but again, thank you. If you have any suggestions about the border, I'd greatly appreciate them.

    Best regards,
    Rashunda

  6. #6
    Member
    Join Date
    May 2005
    Location
    Berkshire, UK
    Posts
    56
    Rep Power
    0


    Default

    TD.infoBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #BBC3D3;
    color: #FFFFFF;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    }

    ok?

  7. #7
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    Greetings again,

    Yes! That's great. Thank you very much. Now I need to figure out how to get the left corner from the "new products" section. Let me try to figure this one out. If I get stuck, I'll holler for help. I'll tackle this later tonight.

    Thanks and best regards,
    Rashunda

  8. #8
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    Hello again,

    Well, I'm stumped. I can't figure out how to get rid of the corner_left.gif on the "new products" box on my site. I feel like I'm missing something simple in the stylesheet. Would anyone happen to have any suggestions? Again, my site is at http://www.scrappinstuff.ch/catalog .

    Best regards,
    Rashunda

  9. #9
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    I think I found something in the archives. Will report back.

  10. #10
    New Member
    Join Date
    Aug 2005
    Posts
    10
    Rep Power
    0


    Default

    Hi again,

    I found this link that has instructions on removing the corner. It worked for me but there seemed to be some type of discussion about if this was proper coding. As long as I don't get an error, I'm happy.

    Best regards,
    Rashunda

Page 1 of 2 12 LastLast

Similar Threads

  1. change boxes background color now have double boxes
    By ANNIE11 in forum osCMax v1.7 General Mods Discussion
    Replies: 0
    Last Post: 08-22-2005, 07:16 PM
  2. I need to put two <br>s after the boxes on the right -
    By sasjamal in forum osCmax v1.7 Discussion
    Replies: 2
    Last Post: 04-27-2004, 01:40 PM
  3. boxes and CSS
    By moisea in forum osCommerce 2.2 Modification Help
    Replies: 6
    Last Post: 01-08-2004, 05:59 AM
  4. Help on boxes
    By noppie in forum osCommerce 2.2 Modification Help
    Replies: 2
    Last Post: 07-21-2003, 08:15 PM

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
  •