Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Borders around corners with CSS


NewBudda

Recommended Posts

Posted

Ages ago I have created box and called it mypages. It was nearly the first thing that I did with Osc so I don't remember the details.

 

Now I would like to change the border of that box to the value "6B250F" basically, it should look exactly like the box above it which can be seen box.jpg

 

But when changing the values under mypages in the stylesheet, I just can't get the desired effect!

 

//MyPagesMod

.MyPagesBox {
 background: #6B250F;
}
.MyPagesBox {
 background: #B5D17D;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

 

I am beginning to think that those values are wrong. I have changed everyone of them one by one but nothing happens except for when I change the background colour...

What am I missing here?

Open Source Newsletter: PhPList

Open Source Questionnaire: Lime Survey

Posted

Hello,

 

If it is the color of your pig iron and cast iron which you want to change, it is necessary that you a line color like this adds: MyPagesBox {

background: # B5D17D;

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color:#FFFF00;

I put your pig iron and cast iron in yellow, maintaining with you to choose the color which you wish.

 

@+

  • 3 weeks later...
Posted

That only changed the background of the whole table to white.

Just to clarify: I would like to change the border aorund the box to be the same as above.

I have tried replacing my own styles (mypagesbox) with the style of teh default box (infoBoxContents) but even that did not work!!

.infoBox {
 background: #6B250F;
}

.infoBoxContents {
 background: #B5D17D;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

and

.MyPagesBox {
 background: #6B250F;
}
.MyPagesBox {
 background: #B5D17D;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

 

Any ideas where I am going wrong?

Open Source Newsletter: PhPList

Open Source Questionnaire: Lime Survey

Posted
Any ideas where I am going wrong?

 

try adding this:

border: 1px solid #6B250F;

 

also, there are lots of web sites that discuss css, you might try looking those up for more information on setting the style attributes.

Posted
try adding this:

border: 1px solid #6B250F;

 

also, there are lots of web sites that discuss css, you might try looking those up for more information on setting the style attributes.

 

That worked, thanks!

Only reason I posted here was that the border above is part of the default stylesheet. I just wanted to have the default look on the modded box.

Open Source Newsletter: PhPList

Open Source Questionnaire: Lime Survey

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...