Cell paddings and Margins +

[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.

[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:


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

[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.

[Bijan Hemati]

And here is the Page Layout.

[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>

[Bijan Hemati]

Thank you Oliver,

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

Regards,

Bijan

[Oliver Georgi]

No problem Bijan

[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

[frold]

did you set the page layout?

[Bijan Hemati]

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?

[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

[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,

[raoulx]

No I havent change anything...

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

Thanks for help Bijan

@+

[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.

[Bijan Hemati]

Looks great!

Good Job.