----- Original Message -----
From: "Hayden's Harness Attachment" <[EMAIL PROTECTED]>
To: "Rob Emenecker" <[EMAIL PROTECTED]>
Sent: Monday, June 02, 2008 10:43 AM
Subject: Curved corner fluid box
I am working on a redesign of a web site. I am trying to use CSS to turn a boxy
rectangle to more of a pill or egg look to my buttons. I started going through
the following code to have a look, but was pulled away and I do not remember
where the code was. Any help is welcome.
<!-- Buttons for CRF website -->
.b1f, .b2f, .b3f, .b4f{
font-size: 1px;
overflow: hidden;
display: block;
}
.b1f {
height:1px;
background: #C0C0C0;
border-right:2px solid #888;
margin: 0 5px;
}
.b2f {
height: 1px;
background: #C0C0C0;
margin: 0 3px;
}
.b3f {
height: 1px;
background: #C0C0C0;
margin: 0 2px;
}
.b4f {
height: 2px;
background: #C0C0C0;
margin: 0 1px;
}
.contentf {
background: #000000;
}
.contentf div {
margin-left: 5px;
}
<!-- Second button for CRF website -->
.b1f, .b2f, .b3f, .b4f{
font-size: 1px;
overflow: hidden;
display: block;
}
.b1f {
height: 1px;
background: #D3D3D3;
margin: 0 5px;
}
.b2f {
height: 1px;
background: #D3D3D3;
margin: 0 3px;
}
.b3f {
height: 1px;
background: #D3D3D3;
margin: 0 2px;
}
.b4f {
height: 2px;
background: #D3D3D3;
margin: 0 1px;
}
.contentf {
background: #ddd;
}
.contentf div {
margin-left: 5px;
}
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
"Faith is the strength by which a shattered world shall emerge into
the light." - Helen Keller
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
