Quick and simple CSS question on borders

HowlingWulf · 2009-12-16, 05:00 PM

Well this *should* be simple... for someone.

I'm trying to set a wrapper class with a 20px left/right blue border, but it's not working. Can anyone spot the issue?

Code:

<style type="text/css">
.wrapper {
width: 1000px;
font-size:24px;
text-align: center;
border-left-color:blue;
border-right-color:blue;
border-left-width:20px;
border-right-width:20px;
margin: 0 auto;
background:#aa2211;
}
</style>

The test page is http://www.howling-wulf.com/test.htm

cd34 · 2009-12-16, 05:03 PM

border-style:solid;

HowlingWulf · 2009-12-16, 05:13 PM

Argh I thought that was the default. Thanks cd

Maj. Stress · 2009-12-16, 05:52 PM

You can put each border in one line of code:

border-right: 1px solid #ffdb00;
border-left: 1px solid #ffdb00;

2009-12-16, 05:00 PM	#1
HowlingWulf Me fail English? That's unpossible! Join Date: Dec 2003 Location: FL Posts: 1,381	Quick and simple CSS question on borders Well this should be simple... for someone. I'm trying to set a wrapper class with a 20px left/right blue border, but it's not working. Can anyone spot the issue? Code: <style type="text/css"> .wrapper { width: 1000px; font-size:24px; text-align: center; border-left-color:blue; border-right-color:blue; border-left-width:20px; border-right-width:20px; margin: 0 auto; background:#aa2211; } </style> The test page is http://www.howling-wulf.com/test.htm __________________ WordPress Porn directory theme => Maddos Create a Porn Tube => Video Pornster

2009-12-16, 05:03 PM	#2
cd34 a.k.a. Sparky Join Date: Sep 2004 Location: West Palm Beach, FL, USA Posts: 2,396	border-style:solid; __________________ SnapReplay.com a different way to share photos - iPhone & Android

2009-12-16, 05:13 PM	#3
HowlingWulf Me fail English? That's unpossible! Join Date: Dec 2003 Location: FL Posts: 1,381	Argh I thought that was the default. Thanks cd __________________ WordPress Porn directory theme => Maddos Create a Porn Tube => Video Pornster

2009-12-16, 05:52 PM	#4
Maj. Stress Progress rarely comes in buckets, it normally comes in teaspoons Join Date: Jun 2005 Location: Dark Side Of Naboo Posts: 1,289	You can put each border in one line of code: border-right: 1px solid #ffdb00; border-left: 1px solid #ffdb00;