PDA

Click to See Complete Forum and Search --> : partial borders?

sisko
06-13-2004, 10:58 PM
Is it possible to create a partial border around a block level element?

For example, 75px on top, 100% on left, 12px on bottom, and none on the right?

Either that or a simple illusion of a border? I really don't want to create a div for each side....too messy for my liking
scottO
06-14-2004, 01:00 AM
border-top: 5px solid blue;
border-right: 7px solid red;
border-bottom: 2px solid yellow;
border-left: 10px solid green;

more information here:
http://www.w3.org/TR/CSS21/box.html#border-properties
sisko
06-14-2004, 08:48 AM
Not quite... I want to do something like this:

-----------
|
-----
davidbrent
06-14-2004, 09:13 AM
I am 99% sure that unfortunatley that isn't possible. You could use a background image to beat the the problem.

Best Wishes,
David
sisko
06-14-2004, 01:10 PM
Originally posted by davidbrent
I am 99% sure that unfortunatley that isn't possible. You could use a background image to beat the the problem.

Best Wishes,
David

Thats what I ended up doing, but oh the possibilities if it were true :)
davidbrent
06-14-2004, 06:45 PM
oh indeed!
soccer362001
06-14-2004, 07:40 PM
Do you mean something like this http://rgabbard.com/example.htm
davidbrent
06-14-2004, 08:12 PM
I think it was more along the lines of creating a box with a width of say 500px, a top border would only be 200px wide in comparison to the bottom border which would be, say 50px wide.

Have i hit the nail on the head or have i missed completely?

Best Wishes,
David
soccer362001
06-14-2004, 08:26 PM
Originally posted by davidbrent
I think it was more along the lines of creating a box with a width of say 500px, a top border would only be 200px wide in comparison to the bottom border which would be, say 50px wide.

Have i hit the nail on the head or have i missed completely?

Best Wishes,
David
Well if that is the case I don't think its possible.
sisko
06-14-2004, 08:32 PM
Originally posted by davidbrent
I think it was more along the lines of creating a box with a width of say 500px, a top border would only be 200px wide in comparison to the bottom border which would be, say 50px wide.

Have i hit the nail on the head or have i missed completely?

Best Wishes,
David

Exactly.

Maybe in CSS3 *swoon*