Just thought id post it here while i look for the answers on the web
in my content file i use a lot of the tables that are used in my template, this amounts to a lot of coding when the table alone takes up say ~500 characters alone and theres going to be a good few thousand of them eventually.
What i am trying to do is just make it so that i still have the same output to the end user, but with less coding in my content file.
Ive already started by giving certain table cells a specific css definition so that all the headers use one style from the stylesheet rather than it being repeated a few thousand times, plus it makes any changes to the style a lot easier
here is what ive got soo far,
Can you let me know if theres anything i can remove altogether, or move to the stylesheet
THIS IS THE HTML CODE FOR CONTENT
Code: Select all
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><img src="img/t/s.gif" alt="" width="7" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="10" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="50" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="70" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="6" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="7" height="1" border="0"></td>
<td><img src="img/t/s.gif" alt="" width="1" height="1" border="0"></td>
</tr>
<tr>
<td class="r1c3" colspan="2" align="left"><img id="1" src="img/t/1.jpg" alt="" name="1" width="17" height="10" border="0"></td>
<td class="r1c3" colspan="2"><img id="2" src="img/t/2.jpg" alt="" name="2" width="120" height="10" border="0"></td>
<td class="r1c3" colspan="2" align="right"><img id="3" src="img/t/3.jpg" alt="" name="3" width="13" height="10" border="0"></td>
<td><img src="img/s.gif" alt="" width="1" height="10" border="0"></td>
</tr>
<tr>
<td class="r2c1" align="left"><img id="4" src="img/t/4.jpg" alt="" name="4" width="7" height="15" border="0"></td>
<td class="p1" colspan="4" align="left" valign="top">Heading</td>
<td class="r2c6" align="right"><img id="5" src="img/t/5.jpg" alt="" name="5" width="7" height="15" border="0"></td>
<td><img src="img/s.gif" alt="" width="1" height="15" border="0"></td>
</tr>
<tr>
<td class="r2c1" align="left"> </td>
<td class="p2" colspan="4" align="left" valign="top">Subheading</td>
<td class="r2c6" align="right"> </td>
<td> </td>
</tr>
<tr>
<td class="r2c1" align="left"> </td>
<td class="m" colspan="4" align="left" valign="top">Image</td>
<td class="r2c6" align="right"> </td>
<td> </td>
</tr>
<tr>
<td class="r2c1" align="left"> </td>
<td class="m" colspan="4" align="left" valign="top">Description / Content</td>
<td class="r2c6" align="right"> </td>
<td> </td>
</tr>
<tr>
<td class="r3c3" colspan="2" align="left"><img id="6" src="img/t/6.jpg" alt="" name="6" width="17" height="10" border="0"></td>
<td class="r3c3"><img id="7" src="img/t/7.jpg" alt="" name="7" width="50" height="10" border="0"></td>
<td class="r3c3" colspan="3" align="right"><img id="8" src="img/t/8.jpg" alt="" name="8" width="83" height="10" border="0"></td>
<td><img src="img/s.gif" alt="" width="1" height="10" border="0"></td>
</tr>
</tbody>
</table>
Code: Select all
.r1c3{
background-image: url(/templates/RJS/images/navz_r1_c3.jpg);
}
.r2c1{
background-image: url(/templates/RJS/images/navz_r2_c1.jpg);
}
.r2c6{
background-image: url(/templates/RJS/images/navz_r2_c6.jpg);
}
.r3c3{
background-image: url(/templates/RJS/images/navz_r3_c3.jpg);
}
td.p1{
line-height : 120%;
font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : 36px;
font-weight : normal;
text-align : center;
margin-bottom : 6px;
margin-top : 0;
color : #9dbecf;
cursor: default;
width: 100%;
background-color: #ffffff;
}
td.p2{
line-height : 120%;
font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : 24px;
font-weight : normal;
text-align : center;
margin-bottom : 6px;
margin-top : 0;
color : #9dbecf;
}
td.m{
text-align : center;
width: 100%;
background-color: #ffffff;
}
Code: Select all
<img src="templates/RJS/Images/template_r1c1.jpg">
Code: Select all
<img src="img/t/1.jpg">
[ external image ]
can be seen here http://test.rjselectronics.com/?PRIVATE:H1
Just seen since ive checked through the css and referred to it that there are 4 more images which i could shorten the url, however would this make much of a difference seeing as it is already in the css (1file) and not repeated hundreds of times in the content file?
P.S. Will check wiki / instructions for the editor now, but anyone know if theres a way to add a custom button which will add this to my page. ie. click to insert "table1", and it outputs that content shown above automaticcally on my page?
Currently for templates such as that one i just have a "test/template" website, where i copy and paste any of my frequently used codes/content
Many thanks in advance
Flukey / Rob