Need a little help with CSS...

[HMBeaty]

Ok, so I'm getting back into the swing of things from being away from vBulletin for quite awhile, and playing around with making a new mod/page at the moment, however from my present point, I can't figure out how to make it 2 columns. It took me several hours just to get where you see in the picture lol. Where the line is with the arrows is where I'm trying to split it at, so I would have text on both sides of that line. Now, in vBulletin 3.x, I know it was as simple as something like this...

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
	<tr valign="top">
		<td class="alt1" nowrap="nowrap">
		TEXT HERE
		</td>
		<td class="alt2" width="100%">
		MORE TEXT HERE
		</td>
	</tr>
</table>

But if I use that, I can't seem to keep all my nice borders and whatnot shown in the picture.

And here's my current CSS....

@charset "UTF-8";
/* CSS Document */

.usmlsablock {
	margin-bottom:1em;
}

.usmlsatext {
	border-bottom:solid 1px {vb:stylevar light_border.borderColor};
}

.usmlsablock .blockbody {
	border-left:{vb:stylevar tabslight_border};
	border-right:{vb:stylevar tabslight_border};
	border-bottom:{vb:stylevar tabslight_border};
}

.usmlsashadow {
	-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
	-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}

So....any advice would be greatly appreciated!

[Boofo]

AFAIK, you can't make columns with CSS. I had to revert to using tables and TDs to accomplish that.

[HMBeaty]

It must be possible to do without tables and tds as I haven't found either in the template for the picture below....unless I'm mistaken and it's being called somehow from somewhere. But basically, I'm trying to achieve this.....or at least I hope this is set up the same way....

[Boofo]

You may be right. Take a look at the forumrules template and see how they are using CSS to accomplish that.

EDIT: I remember why I couldn't do it that way now. I needed to have the right side line up to the left when the left side line length changed. I have to use a tables and TDs to accomplish that as the forumrules way wouldn't do it like I needed it to.

[HMBeaty]

Ok, now my next question, is there a way to do that and keep all the properties shown in the first image? (the outside border, the shadow, etc)

[Boofo]

Do you mean with the CSS on the forumrules way? I have no idea, sorry.

[HMBeaty]

I mean using tables and tds and also keeping the shadow and borders shown in the 1st image

[Boofo]

I would think you would be able to do that just fine, although I have not tried it yet. Others have been adding shadows to tables in vb 3 so I'm sure it can be done.

[HMBeaty]

I've done it!!! Looks good, but I'm sure the code could be cleaned up a little more. ALMOST back in the swing of things, but lots more to learn again

[Boofo]

Care you share how you did it?