Home › Forums › CSS › Trouble creating multiple borders with pseudo elements. › Reply To: Trouble creating multiple borders with pseudo elements.
December 18, 2013 at 6:57 am
#158606
Inactive
Thank you for pointing that out. I added the following,
#main:after,#main .after {
content:" ";
position:absolute;
left:11px;
top:0;
bottom:10px;
border-left:1px solid #ff0000;
}
#main:after,#main .after {
content:" ";
position:absolute;
left:11px;
top:0;
bottom:10px;
border-right:1px solid #ff0000;
}
#main:after,#main .after {
content:" ";
position:absolute;
left:11px;
right:11px;
bottom:9px;
border-bottom:1px solid #ff0000;
}
to this page. I’m not sure if the above code can be shortened or cleaned up and would appreciate input. It does what I wanted to achieve pseudo line wise, but a new problem has arisen. The left and right lines (in red) extend over the logo png and the right column background png. Is there a code to cause these lines to run under these images?
Best Regards.