Need a little Theme help!

Posted: Fri Oct 10, 2008 3:57 pm

Greetings All,
I have a theme that I have down to 6 warnings and I jsut can not seem to figure out the correct way to do this. I am hoping some of the GURUS can help a fellow hear the music....

Here is table 3 from my theme....

Code:

function OpenTable3() {


    global $bgcolor1, $bgcolor2;


    echo" <br /><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#ffffff\" align =\"center\" width=\"100%\">"


  . "    <tr>"


  . "    <td>"


  . ""


  . "   <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


  . "   <tr >"


  . "   <td align=\"left\" valign=\"top\" width=\"6\" height=\"30\"><img src=\"/themes/offshore/images/sidebox-title-left2.gif\"/></td>"


  . "   <td align=\"left\" valign=\"middle\" background=\"/themes/offshore/images/sidebox-title-bg2.gif\" width=\"100%\" height=\"30\">"


  . "   <center><font class=\"option2\">$name</font></center>"


  . "   </td>"


  . "   <td align=\"left\" valign=\"top\" width=\"8\" height=\"30\"><img src=\"/themes/offshore/images/sidebox-title-right2.gif\"/></td>"


  . "   </tr>"


  . "   </table>"


  . ""


  . "   <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


  . "   <tr>"


  . "   <td>"


  . "   <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


  . "   </table>"


  . "   <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


  . "   <tr>"


  . "   <td width=\"8\" align=\"left\" valign=\"top\" background=\"/themes/offshore/images/sidebox-bar-left2.gif\"><img src=\"/themes/offshore/images/sidebox-bar-px.gif\"/></td>"


  . "   <td>"


  . "   <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


  . "   <tr valign=\"top\">"


  . "   <td><br />";


}





function CloseTable3() {


echo"    </td></tr></table>"


 . "      </td>"


  . "     <td width=\"8\" align=\"left\" valign=\"top\" background=\"/themes/offshore/images/storybox-content-right2.gif\"></td>"


  . "     </tr></table>"


. " <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"


. "      <tr >"


. "      <td align=\"left\" valign=\"top\" width=\"6\" height=\"30\"><img src=\"/themes/offshore/images/sidebox-title-left-dn3.gif\" /></td>"


. "      <td align=\"left\" valign=\"middle\" background=\"/themes/offshore/images/sidebox-title-bg-dn3.gif\" width=\"100%\" height=\"30\">"


. "      </td>"


. "      <td align=\"left\" valign=\"top\" width=\"6\" height=\"30\"><img src=\"/themes/offshore/images/sidebox-title-right-dn3.gif\" /></td>"


. "      </tr>"


. "      </table>"


. "      </td></tr></table>"


. "      </td></tr></table><br />"; 


}

Now I know this is hard to visualize so if you would like drop me a note and I will send you a URL so you can see what it should look like.

More or less the issue is the background images in the <td>s and getting them all to line up correctly.

HELP!

Dawg

registered · Posted: Fri Oct 10, 2008 6:22 pm

Best bet is to assign those TD's a CSS Class and then set the background for them in style.css

Posted: Fri Oct 10, 2008 6:32 pm

Would you be kind enough to point me to an Example of this? Or make an example out of this?

Dawg

Posted: Fri Oct 10, 2008 8:22 pm

Sure, change

Code:




<td align=\"left\" valign=\"middle\" background=\"/themes/offshore/images/sidebox-title-bg2.gif\" width=\"100%\" height=\"30\">

To

Code:




<td class=\"sideboxtitle2\" align=\"left\" valign=\"middle\" width=\"100%\" height=\"30\">

Then in style.css add

Code:




.sideboxtitle2 {background-image: url(../images/sidebox-title-bg2.gif);}

Posted: Sat Oct 11, 2008 1:00 am

Most excellent. Thank You!

Dawg

Posted: Sat Oct 11, 2008 7:05 am

Glad to help. Smile

Posted: Sun Oct 12, 2008 7:11 am

Can I bother ya'll for one more example. Everytime I conver tthe table over to CSS I lost the BG and border.

Code:

   echo "<table width=\"100%\" border=\"1\" cellspacing=\"1\" cellpadding=\"0\" bordercolor=\"#000000\" bgcolor=\"$bgcolor2\"><tr><td>\n";

How do I handle this with CSS?

BTW....I am down to this single error! WOOT WOOT!

Dawg

Posted: Sun Oct 12, 2008 8:27 am

I got it and I'm on my way....

Code:

echo "<table class=\"ot1\" style=\"width:100%;\"><tr><td>\n";

I found this niffty little critter. I love this thing.
http://www.somacon.com/p141.php

That is Da Heat!

Posted: Sun Oct 12, 2008 5:51 pm

I did it!! WOOT WOOT!

0 Errors, 0 Warnings

WOOT WOOT!!

Thank You for your help.

I have a couple blocks to work on....
Scrolling Forums, Scrolling Photos(G2) and The Bookmark us block all still need work. But I am getting there. It sure beats the 700+ warnings I started with.

Dawg

Posted: Sun Oct 12, 2008 5:53 pm

Way to go!
Smile