Problem with borders in Exercise 5 Boxes

[rashunda]

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

[beahawk]

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

[rashunda]

Hi there,

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

[beahawk]

this will work:

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

[rashunda]

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

[beahawk]

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?

[rashunda]

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

[rashunda]

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

[rashunda]

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

[rashunda]

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