Reduce outer table width

[jupiter5]

Hi all,

I have changed my forum header size. Now I want to reduce my outer table width (Above my footer) I couldn't find how to do it. Pls help me.

Thanks in advance.


www.diyetcenter.com

[Lynne]

Have you tried Style Manager > find Style > select StyleVars from dropdown > Main Table Width?

[jupiter5]

Yes I did it. This selection changes main table width. I want to change outer table width(Contact us, Archive, Top links on it) I also tired to change in footer but I couldn't.

[Lynne]

I'm afraid I don't know which you are talking about. Perhaps an image with you pointing out which width you are talking about. You also might want to do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then you can view your page source and it will tell you what template is being used for that table dimension and you can go take a look at the template.

[Seven Skins]

In the footer template.

Move:
$spacer_close

Just above the:
$ad_location[ad_footer_end]

.

[jupiter5]

I did what you said to me. Now it is a little bit smaller than main table. How can I adjust same size?

[Seven Skins]

Set your page size width to 100% in Stylevars.

[jupiter5]

Thank you very much. Done. Seven Skins can I ask you one more question?

[Seven Skins]

Sure you can.

.

[jupiter5]

Anyway thank you. I will look at your skins.

--------------- Added 1228859164 at 1228859164 ---------------

I changed my header codes in order to validate my forum(W3 validator) These are :

<!-- logo -->
<a name="top"></a>

<center><img src="images/header_1.png" width="336" height="124" alt="Forum logo"></img><img src="images/header_2.png" width="234" height="124" alt="Logo orta"></img><img src="images/header_3.png" width="582" height="124" alt="logo sag"></img></center>

<div style="position: absolute; width: 468px; height: 60px; z-index: 1; left: 650px; top: 33px" id="katman1">
<script type="text/javascript"><!--
google_ad_client = "pub-7766930267964264";
/* 468x60, oluşturulma 30.09.2008 */
google_ad_slot = "5563972969";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<!-- content table -->

$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]


When I use this codes. All passed. The problem is when I use full screen it is ok. but small screen header images collapse. You can see easily in my web site what I mean. How can I preserve my header images everytime should same?

[Seven Skins]

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr style="background-image: url(images/header_2.png)">
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/header_1.png" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" id="header_right_cell">
<div style="width: 468px; height: 60px;" id="katman1">
<script type="text/javascript"><!--
google_ad_client = "pub-7766930267964264";
/* 468x60, oluşturulma 30.09.2008 */
google_ad_slot = "5563972969";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]


I was wondring when you are going to ask me this :p

.

[jupiter5]

Unbelivable how did you detect?:confused::D Can I change header width in order to equal with main table?

[Seven Skins]

<!-- logo -->
<a name="top"></a>
$spacer_open
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr style="background-image: url(images/header_2.png)">
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/header_1.png" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" id="header_right_cell">
<div style="width: 468px; height: 60px;" id="katman1">
<script type="text/javascript"><!--
google_ad_client = "pub-7766930267964264";
/* 468x60, oluşturulma 30.09.2008 */
google_ad_slot = "5563972969";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->


$_phpinclude_output

$ad_location[ad_header_end]


That should do it.

.

[jupiter5]

Thank you very much. I am very pleased to help me.