Main page footer problem

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
kcorazza
Posts: 35
Joined: Wed 15. Dec 2004, 05:53

Main page footer problem

Post by kcorazza »

http://www.ufzine.com/index.php

For some reason my main page is messed up at the bottom. I know the footer code is correct, but I have no idea why its messed up. It should have the same space between the main and footer that the header and main have.
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Post by spirelli »

If you have entered tables in the main field or any other fields check that the table structure(s) are correct - eg. tags nested correctly!


For a start there is the closing HTML tag in the middle of the page:
...
</table></td>

</tr>
</table>
<br>
&nbsp;</td>

</tr>


</html></td>
</tr>
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><img src="img/leer.gif" width="1" height="15" alt="" /></td>

</tr>
...
[/code]

And then there seems to be only one closing </td> tag missing at the end of the table:
...
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><td bgcolor="#CDE7CA">
<p align="center">&nbsp;<a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php"
onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20(AT)%20ufzine.com">Contact Us</a> |
©2005 United Front</td>

</tr>
...
kcorazza
Posts: 35
Joined: Wed 15. Dec 2004, 05:53

Post by kcorazza »

I removed the </html> tag from the middle of the page and I also corrected the <td tags> in the footer. However the page is still messed up. What else can I do?
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Post by spirelli »

As I said, look into the source code ans check the tables. They are propably seriously messed up. you have to make some effort there yourself in getting your code cleaned up. You have to try to understand your lable structure and what is from you and what is generated by phpwcms.

Eg. what are all these empy cells with these height values about? Examples:

Code: Select all

<td valign="top" height="1746">&nbsp;</td>
<td height="998" width="7">&nbsp;</td>
There are also plenty of empty tables there. example:

Code: Select all

          <td valign="top" width="4"><table border="0" cellpadding="0" cellspacing="0" width="100%">
              <!--LayoutTable-->

              <tbody><tr> 
                <td height="964" width="4">&nbsp;</td>
              </tr>
            </tbody></table></td>
Get rid of all the junk.

And can you see here that at least here is still something wrong with your TD tags!? Example:
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><td bgcolor="#CDE7CA">
<p align="center">&nbsp;<a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php"
onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20(AT)%20ufzine.com">Contact Us</a> |
©2005 United Front</td>

</tr>
What you can do is making an effort in checking your whole table structure, maybe even strt again from scratch with building a clean table based layout. It's over to you now!

Or even better, use CSS.

All the best!
kcorazza
Posts: 35
Joined: Wed 15. Dec 2004, 05:53

Post by kcorazza »

when you highlight those tags what do you mean? should those be removed? thats from my footer code in my template.
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Post by spirelli »

No, I meant that in this row there were still two opening TD tags and only one closing TD tag. I see that this has been fixed. My highlighting was just to draw your attention to the bits I was on about.

But do you know how HLTM works? It just looks all a bit messy.

Example:
<font color="#3C7D3D">
<p><b>Film Reviews</b></font>
<br><br>
</p>
The P tag and FONT tag are not nested correctly! It has to be:
<p><font color="#3C7D3D"><b>Film Reviews</b></font>
<br><br>
</p>
You really have to start getting your code right.


And, what is this supposed to be good for?
<td height="964" width="4">&nbsp;</td>
An empty cell 964 Pixels high!?
These are just examples...



The problem with your footer now is that it is in a cell which is part of the table that makes up the right hand column.
<table border="0" cellpadding="0" cellspacing="0" width="338" height="745">
<!--LayoutTable-->

<tr>
<td class="news" valign="top" width="338" height="745">•
<a href="http://www.ufzine.com/index.php?id=30,76,0,0,1,0">
<img border="0" src="img/films/huckabees.jpg" width="100" height="158" align="right"></a><strong><font color="#000000"><a href="http://www.ufzine.com/index.php?id=30,76,0,0,1,0">I
Heart Huckabees</a></font></strong><br>
<i>I Heart Huckabees </i>revolves around Albert
Markovski (Jason Schwartzman), a frustrated
environmentalist. He isn't sure if what he is doing
matters, and he can't quite figure out why he keeps
running into a strange doorman at the most random
locations. Markovski decides to hire a pair of
existential detectives (Dustin Hoffman & Lily Tomlin) to
determine if these meetings are a coincedence or
something meaningful. <br>
<br>
•<a href="http://www.ufzine.com/index.php?id=30,74,0,0,1,0"><img border="0" src="img/films/sideways.jpg" width="100" height="154" align="right"></a><strong><font color="#000000">

<a href="http://www.ufzine.com/index.php?id=30,7 ... ">Sideways
</a>
</font>
</strong><em><br>
</em>Director Alexander Payne achieved mainstream
recognition with 2002's <em>About Schmidt</em>. If there
is any justice, the same result will occur with his
latest project, <em>Sideways</em>. Paul Giamatti, fresh
off the success of last year's <em>American Splendor</em>,
delivers an even more brilliant performance as Miles, a
divorced writer with a huge admiration for wine. His
best friend Jack, played by Thomas Hayden Church, is
getting married. Miles decides to take him on a one week
trip through California wine country. <br>
<br>

•<img border="0" src="img/films/wedontlive.jpg" width="100" height="150" align="right">
<strong>
<font color="#000000"><a href="http://www.ufzine.com/index.php?id=30,75,0,0,1,0">We Don't Live Here Anymore</a></font></strong><br>
Don't see this movie if you are married or in a serious
relationship currently. Oh, and definitely don't see it
with your significant other. For some reason, I chose to
see this on my birthday. It wasn't exactly an uplifting
selection, but I wanted to see if the stellar cast's
performances were up to snuff. Fortunately, the key
players are all in or near top form.<BR>
<BR></td>
</tr>
<tr>
<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><img src="img/leer.gif" width="1" height="15" alt="" /></td>
</tr>
<tr>

<td colspan="1" style="height:15px;" bgcolor="#E5F8E3"><a href="http://www.ufzine.com/index.php?id=9,35,0,0,1,0">About Us</a> | <a href="http://www.ufzine.com/index.php?id=9,36,0,0,1,0">
Privacy Policy</a> | <a href="http://www.ufzine.com/index.php?id=9,39 ... >Search</a> |
<a href="http://ufzine.com/scripts/newsletter.php" onclick="window.open(this.href, 'popupwindow', 'width=300,height=160,resizable');
return false;">Mailing List</a> | <a href="mailto:contact%20%28AT%29%20ufzine.com">Contact Us</a> |
©2005 United Front</td>

</tr>
</table>
Can you see that all this is one table? Your footer is in it and spans exactly that area.

The problem is that your code does not work as you want it. And the problem is with your tables. Do you hand code, or do you generate the code with some WYSIWYG programme?

You really have to go through your code yourself and understand the table structure(s) and make it work. But you need to know how HTML works in the first place. However, that can be a bit of a painful task, as it can be difficult to keep an overview. Therefore it may be even better to start fresh from scratch.

I hope this makes sence... :D
kcorazza
Posts: 35
Joined: Wed 15. Dec 2004, 05:53

Post by kcorazza »

Thanks for all your continued help! The last thing I don't understand is why the footer is in the film reviews table. I know that has to do with how the code is set up, but at the same time, I have that index page updated through an index template. I have the footer code in the footer field by itself, so I don't understand why it keeps putting the footer in the film reviews box instead.
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Post by spirelli »

This indeed is very strange. I have no idea........
Post Reply