Page 1 of 3

Cell paddings and Margins +

Posted: Mon 17. Nov 2003, 05:46
by Bijan Hemati
Hi Oliver,

You have made a fantastic program! It keeps getting better and better every day. The support you are providing is unheard of. Keep up the good work.

I have a few questions imbedded in a picture.

Image

Posted: Mon 17. Nov 2003, 10:17
by Oliver Georgi
Here it's the template info
header

Code: Select all

<table width="775" height="53" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="200" height="52" bgcolor="#4A5966"><a href="/" target="_top"><img src="img/article/template/template_r1_c1.jpg" width="200" height="52" border="0" alt="phpWCMS"></a></td>
   <td width="1" bgcolor="#4A5966"><img src="img/leer.gif" width="1" height="1"></td>
   <td width="559" bgcolor="#F59B29"><img src="img/article/template/template_r1_c3.jpg" width="559" height="52" border="0" alt="open source web content management system"></td>
   <td width="15" rowspan="2" background="img/article/elements/bg_right_shadow.gif"><img src="img/leer.gif" width="15" height="1"></td>
  </tr>
  <tr><td height="1" colspan="3" bgcolor="#4A5966"><img src="img/leer.gif" width="1" height="1"></td></tr>
</table>
main:

Code: Select all

<table border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2"><img src="img/leer.gif" width="1" height="10"></td></tr>
<tr>
<td class="breadcrumb">{BREADCRUMB}</td>
<td align="right" class="footer">{DATE_ARTICLE}</td>
</tr>
<tr><td colspan="2"><img src="img/leer.gif" width="1" height="5"></td></tr>
<tr><td colspan="2"><img src="img/article/elements/content_line_499.gif" width="499" height="1"></td></tr>
<tr><td colspan="2"><img src="img/leer.gif" width="1" height="15"></td></tr>
</table><table width="499" border="0" cellpadding="0" cellspacing="0">
<tr><td>{CONTENT}</td></tr>
<tr><td><img src="img/leer.gif" width="1" height="25"></td></tr>
<tr><td>[BACK]<img src="img/article/back_link_0.gif" border="0">[/BACK]&nbsp;&nbsp;<a href="#" target="_top" title="goto top of the page"><img src="img/article/top_link_0.gif" border="0"></a>&nbsp;&nbsp;[PRINT]<img src="picture/symbols/print_icon.gif" width="44" height="9" border="0" title="open optimized page for printing">[/PRINT]</td></tr>
<tr><td height="100%"><img src="img/leer.gif" width="1" height="25"></td></tr>
<tr><td><img src="img/article/elements/content_line_499.gif" width="499" height="1"></td></tr>
<tr><td><img src="img/leer.gif" width="1" height="5"></td></tr>
<tr><td class="footer">copyright &copy; 2002-2003 Oliver Georgi &middot; [RSS all]XML RSS[/RSS] &middot; <a href="http://sourceforge.net/projects/phpwcms" target="_blank">SourceForge.net</a> &middot; <a href="http://www.hotscripts.com/cgi-bin/rate.cgi?ID=27718" target="_blank">rate phpwcms</a></td></tr>
<tr><td><img src="img/leer.gif" width="1" height="12"><img src="http://sourceforge.net/sflogo.php?group_id=94396&type=1" width="1" height="1" border="0" alt="SourceForge.net Logo"></td></tr>
</table>
footer:

Code: Select all

<table width="775" height="11" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="755" height="1" bgcolor="#4A5966"><img src="img/leer.gif" width="1" height="1"></td>
   <td width="20"><img src="img/article/elements/bg_bottom_shadow_1px.gif" width="20" height="1"></td>
  </tr>
  <tr>
   <td height="10"><img src="img/article/elements/bg_bottom_shadow.gif" width="755" height="10"></td>
   <td><img src="img/article/elements/bg_bottom_corner.gif" width="20" height="10"></td>
  </tr>
</table>
left:

Code: Select all

<img src="img/article/template/template_r3_c1.jpg" width="200" height="85" border="0">{NAV_TABLE_COLUMN}<img src="img/leer.gif" width="1" height="100">
right is empty


To images you can download yourself by saving the wohole page to your computer - in IE "save as...".

Here are the pagy layout setting:
Image

The shadows are partially made of normal images inserted in footer and as of table cell background images.

I hope this helps you. Make it as I did: Think about how to simplify your base layout you've made in HTML-Editor. Use my sample tables for building up a template. Then cut all into block code.

Oliver

Posted: Mon 17. Nov 2003, 23:24
by Bijan Hemati
Oliver, Thank you very much for the instructions. They were very helpful.
There is one part I'm having trouble with. Its the banner right shadow and separator line between banner and body.

Image

Image

Posted: Mon 17. Nov 2003, 23:26
by Bijan Hemati
And here is the Page Layout.

Image

Posted: Mon 17. Nov 2003, 23:56
by Oliver Georgi
Your header content contains wrong HTML code - copy it to a new html page between <body></body> and you can see your mistake. This has to be a complete well formatted table <table><tr><td></td></tr></table>

Posted: Tue 18. Nov 2003, 04:13
by Bijan Hemati
Thank you Oliver,

That problem is solved now :D as you said. (I should follow instructions better! :oops: )

Regards,

Bijan

Posted: Tue 18. Nov 2003, 08:21
by Oliver Georgi
No problem Bijan ;-)

Little problem with the template code found in this page

Posted: Fri 12. Dec 2003, 22:28
by raoulx
http://www.logimmo.com/corporate/index.php

Hello Everybody,

Happy to join your communauty,
I ve seen lot of script but first time, one like this!!!!
Great Work!

I have a little problem with the main table.
I copy paste all code, try to play with all parameters but i dont found the trouble...

Little help? login & pass are default...

Thanks

Posted: Fri 12. Dec 2003, 22:53
by frold
did you set the page layout?

Re: Little problem with the template code found in this page

Posted: Fri 12. Dec 2003, 23:59
by Bijan Hemati
raoulx wrote:http://www.logimmo.com/corporate/index.php

Hello Everybody,

Happy to join your communauty,
I ve seen lot of script but first time, one like this!!!!
Great Work!

I have a little problem with the main table.
I copy paste all code, try to play with all parameters but i dont found the trouble...

Little help? login & pass are default...

Thanks
I forgot what the default user name and passwords are.
Could you give more info?

Yes I set the page layout...

Posted: Sat 13. Dec 2003, 13:39
by raoulx
default login & pass

webmaster admin

If you change something please, write me the change here for understand the mistake...

Thanks all

Have a nice day

Pascal

Posted: Sat 13. Dec 2003, 17:13
by Bijan Hemati
On page layout, I have changed the main block width to 538. That eliminated the gap on the left side of main block. I don't know what is causing the right side of main block to extrude beyond the right border.
I noticed there is more space on the right of the lines separating header and footer than it is on the left side.
Have you changed anything in the css?

Regards,

No I havent change anything...

Posted: Sat 13. Dec 2003, 17:30
by raoulx
No I havent change anything...

If somebody have the original files (css...) please send me raoulx@yahoo.com

Thanks for help Bijan

@+

I have the answer...

Posted: Sun 14. Dec 2003, 12:26
by raoulx
The mistake is juste the background shadow on the right place.
If you dont write the correct ling to the jpg, you have impression of big maintable.

Posted: Sun 14. Dec 2003, 16:39
by Bijan Hemati
Looks great!

Good Job.