CSS & Drupal help needed

[kenerly]

If you have a look at my site <snip> I have advanced as far as my knowledge will allow. I need to know how to match (mirror) the gray boxes on the far right side bar

http://example.com/right.jpg

with the box on the left next to them.

http://example.com/left.jpg

Thanks for any help...

[edited by: eelixduppy at 5:32 pm (utc) on Mar. 22, 2009]

[simonuk]

You're not allowed to post links to the site on these forums.

Can you post the relevant code here so we can take a look?

[kenerly]

Not sure how anyone could help if you can't look at the site, but anyway.

.tall-t { background:url(images/tall-t.gif) top repeat-x;}
.tall-b { background:url(images/tall-b.gif) bottom repeat-x #fefefe;}
.k-tl { background:url(images/k-tl.gif) top left no-repeat;}
.k-tr { background:url(images/k-tr.gif) top right no-repeat; padding:9px 8px 9px 8px;}
.k-bl { background:url(images/k-bl.gif) bottom left no-repeat;}
.k-br { background:url(images/k-br.gif) bottom right no-repeat;}
.tall2 { background:url(images/tall2.gif) bottom repeat-x #7C7A7A;}
.tall-l2 { background:url(images/tall-l2.gif) bottom left no-repeat #7C7A7A;}
.tall-r2 { background:url(images/tall-r2.gif) bottom right no-repeat #7C7A7A;}
.tall-t2 { background:url(images/tall-t2.gif) top repeat-x;}
.tall-b2 { background:url(images/tall-b2.gif) bottom repeat-x;}
.k-tl2 { background:url(images/k-tl2.gif) top left no-repeat;}
.k-tr2 { background:url(images/k-tr2.gif) top right no-repeat; }
.k-bl2 { background:url(images/k-bl2.gif) bottom left no-repeat;}
.k-br2 { background:url(images/k-br2.gif) bottom right no-repeat;}
.tall-l3 { background:url(images/tall-l3.gif) left repeat-y #5e5e5e;}
.tall-r3 { background:url(images/tall-r3.gif) right repeat-y;}
.tall-t3 { background:url(images/tall-t3.gif) top repeat-x;}
.tall-b3 { background:url(images/tall-b3.gif) bottom repeat-x;}
.k-tl3 { background:url(images/k-tl3.gif) top left no-repeat;}
.k-tr3 { background:url(images/k-tr3.gif) top right no-repeat;}
.k-bl3 { background:url(images/k-bl3.gif) bottom left no-repeat;}
.k-br3 { background:url(images/k-br3.gif) bottom right no-repeat; padding:11px 9px 10px 11px;}
.right2 .block-tr { background:url(images/block-tr.gif) top left no-repeat #2d2d2d; }
.right2 .block-br { background:url(images/block-br.gif) bottom left no-repeat; width:100%;}
.left2 .block-tr { background:url(images/block-tr.gif) top right no-repeat #2d2d2d; }
.left2 .block-br { background:url(images/block-br.gif) bottom right no-repeat; width:100%;}
.block { width:100%; margin-bottom:8px;}
.bg-h1 { background:url(images/bg-h1.gif) top left no-repeat;}
.bg-h2 { background:url(images/bg-h2.gif) top right no-repeat;}
.bg-h3 { background:url(images/bg-h3.gif) top repeat-x; padding:10px 0px 12px 12px;}