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 likingborder-top: 5px solid blue;
border-right: 7px solid red;
border-bottom: 2px solid yellow;
border-left: 10px solid green;
more information here:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#border-propertiesNot">http://www.w3.org/TR/CSS21/box.html#bor ... pertiesNot</a><!-- m --> quite... I want to do something like this:
-----------
|
-----I am 99% sure that unfortunatley that isn't possible. You could use a background image to beat the the problem.
Best Wishes,
DavidOriginally 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
oh indeed!Do you mean something like this <!-- m --><a class="postlink" href="http://rgabbard.com/example.htmI">http://rgabbard.com/example.htmI</a><!-- m --> 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,
DavidOriginally 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.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*
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 likingborder-top: 5px solid blue;
border-right: 7px solid red;
border-bottom: 2px solid yellow;
border-left: 10px solid green;
more information here:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#border-propertiesNot">http://www.w3.org/TR/CSS21/box.html#bor ... pertiesNot</a><!-- m --> quite... I want to do something like this:
-----------
|
-----I am 99% sure that unfortunatley that isn't possible. You could use a background image to beat the the problem.
Best Wishes,
DavidOriginally 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
oh indeed!Do you mean something like this <!-- m --><a class="postlink" href="http://rgabbard.com/example.htmI">http://rgabbard.com/example.htmI</a><!-- m --> 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,
DavidOriginally 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.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*