vB4 tables

[AfterWorldForum]

Hi,

For various customizations, I have a bunch of vB 3.8.4 templates using tables. They have been set up to use CSS classes like tCat, tborder, etc.

In vB4 these are not available off the bat. What would be the prefered way to rewrite tables like this to vB4 standard?

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<th class="tcat" colspan="10" align="center">Legend</td>
</thead>
<tr>
<td width="35" class="alt1">foo</td>
<td width="20%" class="alt1">bar</td>
</tr>

I tried messing around with the div structure, and tried mimicing the forumbits class (with the umpteen div-classes below it, but it seems counterproductive to have to translate a simple table into a structure with lord knows how many sub-levels to get the same results.

Alternatively, I'd be willing to add the vB 3.8 CSS to vB4 somehow, but frankly wouldn't know where to look for this.

Any hints, please?

Thanks.

Peter

[AfterWorldForum]

Nobody?

[Boofo]

It takes some getting used to but the CSS is the better way to go now. I will tell you a secret though. This:

<div class="restore">

will become your friend as it restores the old way of doing things in some areas of CSS.

[AfterWorldForum]

Thanks for that, Boofoo. It's not that I cannot understand the reasoning behind the CSS switch, but having to create a simple table by using various nested DIVs just seems counter-productive.

I and many others are looking for speed in development, and having to type more (much more) means less speed.

How would I use the restore class? Could you please give an example?

Thanks

Peter

[Boofo]

Originally Posted by AfterWorldForum

Thanks for that, Boofoo. It's not that I cannot understand the reasoning behind the CSS switch, but having to create a simple table by using various nested DIVs just seems counter-productive.

I and many others are looking for speed in development, and having to type more (much more) means less speed.

How would I use the restore class? Could you please give an example?

Thanks

Peter

I used it for my Site Map hack update as well as my User CP Referral ID hack update. I also didn't use tables this time which made everything a lot easier. Here is an example:

<div class="restore">
	<ul>
		<li><strong><a href="{vb:raw vboptions.bburl}/calendar.php" title="{vb:rawphrase sm_calendarlink_title, {vb:raw bbuserinfo.username}}">Calendar</a></strong></li>
		<li><strong><a href="{vb:raw vboptions.bburl}/sendmessage.php" title="{vb:rawphrase sm_contactlink_title, {vb:raw bbuserinfo.username}}">Contact Us</a></strong></li>
		<li><strong><a href="{vb:raw vboptions.bburl}/faq.php" title="{vb:rawphrase sm_faqlink_title, {vb:raw bbuserinfo.username}}">FAQ</a></strong></li>
		<li><strong><a href="{vb:raw vboptions.bburl}/memberlist.php" title="{vb:rawphrase sm_memberslink_title, {vb:raw bbuserinfo.username}}">Members List</a></strong></li>
		<li><strong><a href="{vb:raw vboptions.bburl}/online.php" title="{vb:rawphrase sm_whosonlinelink_title, {vb:raw bbuserinfo.username}}">Who's Online</a></strong></li>
	</ul>
</div>

Without the restore there, the indentation and bullets no longer showed in that code. If I understand it right, vb 4 now resets the browsers' default rendering of certain HTML elements and uses CSS for it instead. The restore is something they added to reverse that for people who need or want it.

Try this:

<strong>Hello there!</strong> without the div restore wrapping and you will see that it doesn't work. But if you do this:

<div class="restore">
     <strong>Hello there!</strong>
</div>

Then it becomes bold again. <b> tags work fine, though. Here is a link to the post about it on the com.

http://www.vbulletin.com/forum/proje...?issueid=37123

[AfterWorldForum]

wrong post. Please ignore.