osCommerce and osCMax shopping cart software forums

Shopping Cart Software

osCommerce with teeth!

 

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


Go Back   osCommerce and osCMax shopping cart software forums > osCommerce 2.2 Forums > osCommerce 2.2 Modification Help

Register FAQ Members List Calendar Mark Forums Read


Free community membership! Fast easy FREE membership
Closed Thread

 

LinkBack Thread Tools
  #1  
Old 08-01-2005, 07:56 AM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
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:

Quote:
.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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #2  
Old 08-01-2005, 08:28 AM
Member
 
Join Date: May 2005
Location: Berkshire, UK
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
beahawk
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #3  
Old 08-01-2005, 12:23 PM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
Default

Hi there,

Thanks for the tip but it didn't work. I don't know what I did wrong.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #4  
Old 08-01-2005, 12:33 PM
Member
 
Join Date: May 2005
Location: Berkshire, UK
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
beahawk
Default

this will work:

.infoBoxHeading {
border-top: 1px;
border-bottom: 1px;
border-style: solid
background-color: #BBC3D3;
}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #5  
Old 08-01-2005, 12:41 PM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #6  
Old 08-01-2005, 12:51 PM
Member
 
Join Date: May 2005
Location: Berkshire, UK
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
beahawk
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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #7  
Old 08-01-2005, 01:32 PM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #8  
Old 08-02-2005, 09:25 AM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #9  
Old 08-02-2005, 10:39 AM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
Default

I think I found something in the archives. Will report back.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
  #10  
Old 08-02-2005, 10:44 AM
New Member
 
Join Date: Aug 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
rashunda
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Closed Thread

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads

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


All times are GMT -8. The time now is 10:02 PM.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO
http://www.oscmax.com/forums/
Copyright 2008 osCMax