6 replies [Last post]
conor909
Offline
newbie
Last seen: 3 years 46 weeks ago
Timezone: GMT+8
Joined: 2010-11-11
Posts: 5
Points: 7

Hi,

I have had this trouble for the last month, and no-body has been able to help me fix this problem on other dedicated wordpress forums. I'm convinced its a css issue..

My problem is my footer keeps jumping up under my header and my wordpress posts flow over it.. I cant make it stick to the bottom of the page. Here is a link to my site

www.flexhk.com/wordpress

I have validated it, and I have an issue with a Subscription Form that showsa errors, buy I think its ok. The other errors are saying its a "<p></div>" tag, but it simply doesnt exist as far as I can see in my code!!!?

Can anyone please help!? It would be very much appreciated !!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 1 year 5 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

conor909 wrote: The other

conor909 wrote:

The other errors are saying its a "<p></div>" tag, but it simply doesnt exist as far as I can see in my code!!!?

Then you're not looking hard enough. The validator even tells you which line to look at. And there quite a few other errors it's pointing out too, like having #wrapper twice (IDs are unique and can only be used once) and having this at the end of the page: </body></html></div></body></html>

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

conor909
Offline
newbie
Last seen: 3 years 46 weeks ago
Timezone: GMT+8
Joined: 2010-11-11
Posts: 5
Points: 7

Hi Tyssen, I havnt got that

Hi Tyssen,

I havnt got that much code, its a really basic site. And I have run "ctrl + f" finds in my code with supposed errors and it hasnt found them. It is my first php/wordpress website so I am far from an expert. If anyone can help I'd really appreciate it.

Thanks!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 1 year 5 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

conor909 wrote: And I have

conor909 wrote:

And I have run "ctrl + f" finds in my code with supposed errors and it hasnt found them.

How hard can it be? The validator tells you the line number to look for. View the source of the page in your browser, copy and paste it into an editor that gives you line numbers, job done. Stare

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

conor909
Offline
newbie
Last seen: 3 years 46 weeks ago
Timezone: GMT+8
Joined: 2010-11-11
Posts: 5
Points: 7

The errors after the

The errors after the Subscriptions Form start from line 109.

My index.php has only 35 lines, my header.php has 61 lines and my footer.php has 4. Im using validator.w3.org/ for the first time and Im not sure what the columns mean in relation to my code?

sorry if these are stupid questions..

Thanks for your reply

conor909
Offline
newbie
Last seen: 3 years 46 weeks ago
Timezone: GMT+8
Joined: 2010-11-11
Posts: 5
Points: 7

<!DOCTYPE html PUBLIC

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Flex HK </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="http://flexhk.com/wordpress/wp-content/themes/typography-paramount/style.css" type="text/css" media="screen,projection" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://flexhk.com/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://flexhk.com/wordpress/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Flex HK' href='http://flexhk.com/wordpress' />
<meta name="generator" content="WordPress 3.0.1" />
<!-- Suckerfish WordPress plugin by PixoPoint Web Development ... <a href="http://pixopoint.com/" rel="nofollow">http://pixopoint.com/</a> -->
<!--[if lte IE 7]><script type="text/javascript" src="http://flexhk.com/wordpress/wp-content/plugins/ryans-suckerfish-wordpress-dropdown-menu/suckerfish_ie.js"></script><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
 
<h2>
<a href="http://flexhk.com/wordpress/?feed=rdf"title="Subscribe for Live Flex Updates!">
<img src="http://flexhk.com/wordpress/wp-content/uploads/2010/10/rss.jpg" alt="rss"/></a>
</h2>
<div id="subscriptionform">
<script type="text/javascript" src="/scripts/emailpage.js">
<!--
function correctemailaddress(subscriberform){
 if (subscriberform.pf_Email.value.length > 255)
{
alert("Please enter at most 255 characters in the \'Email address\' field.");
subscriberform.pf_Email.focus();
return (false);
 }
if (subscriberform.pf_Email.value == "")
{
alert("Please enter a value for the \'Email address\' field.");
subscriberform.pf_Email.focus();
return (false); }
if (subscriberform.pf_Email.value.length < 7)
{
alert("Please enter at least 7 characters in the \'Email address\' field.");
subscriberform.pf_Email.focus();
return (false); }
pf_Email=subscriberform.pf_Email.value;
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(reg.test(pf_Email) == false)
{
      alert('Your email address is not correct. Please try again.');
              subscriberform.pf_Email.focus();
              return (false);
}
}
//-->
</script>
<form name="subscriberform" style="text-align:left;" action="http://www.anpasia.com/public/process-subscription-form.aspx?formId=4146504B74424B59" onSubmit="return correctemailaddress(this);" method="post"><table cellspacing="0" cellpadding="2px">
<tr><td>
</td></tr><tr><td>
Email: <input type="text" name="pf_Email" value="" size="30"  ><input type="submit" name="Submit" value="Subscribe"  ></td></tr><tr><td>
</td></tr><tr>
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Please enter your email to subscribe to our newsletter.</td></tr>
<tr><td><!-- Do not change name or type on submit button, to change visible text, change text for \"value\" -->
 
<input type="hidden" name="pf_FormType" value="OptInForm">
<input type="hidden" name="pf_OptInMethod" value="SingleOptInMethod">
<input type="hidden" name="pf_CounterDemogrFields" value="0">
<input type="hidden" name="pf_CounterMailinglists" value="1">
<input type="hidden" name="pf_AccountId" value="800">
<input type="hidden" name="pf_ListById" value="1">
<input type="hidden" name="pf_Version" value="2">
<input type="hidden" name="pf_MailinglistName1" value="682">
</td></tr>
</table></form></font>
</div>
<h1><a href="http://flexhk.com/wordpress/"><img src="http://flexhk.com/wordpress/wp-content/uploads/2010/08/logo909.jpeg" alt="" width="173" height="65" /></a></h1>
<div id="navmenu">  
<ul id="suckerfishnav">
	<li class="cat-item cat-item-17"><a href="http://flexhk.com/wordpress/?cat=17" title="View all posts filed under Home">Home</a>
 
</li>
	<li class="cat-item cat-item-4"><a href="http://flexhk.com/wordpress/?cat=4" title="View all posts filed under About">About</a>
</li>
	<li class="cat-item cat-item-5"><a href="http://flexhk.com/wordpress/?cat=5" title="View all posts filed under Whats New">Whats New</a>
</li>
	<li class="cat-item cat-item-6"><a href="http://flexhk.com/wordpress/?cat=6" title="View all posts filed under Schedule">Schedule</a>
</li>
	<li class="cat-item cat-item-16"><a href="http://flexhk.com/wordpress/?cat=16" title="View all posts filed under Yoga">Yoga</a>
</li>
 
	<li class="cat-item cat-item-15"><a href="http://flexhk.com/wordpress/?cat=15" title="View all posts filed under Pilates">Pilates</a>
<ul class='children'>
	<li class="cat-item cat-item-20"><a href="http://flexhk.com/wordpress/?cat=20" title="View all posts filed under Group">Group</a>
</li>
	<li class="cat-item cat-item-19"><a href="http://flexhk.com/wordpress/?cat=19" title="View all posts filed under Private">Private</a>
</li>
</ul>
</li>
	<li class="cat-item cat-item-8"><a href="http://flexhk.com/wordpress/?cat=8" title="View all posts filed under Flex Kids">Flex Kids</a>
 
</li>
	<li class="cat-item cat-item-18"><a href="http://flexhk.com/wordpress/?cat=18" title="View all posts filed under Upcoming Events">Upcoming Events</a>
</li>
	<li class="cat-item cat-item-12"><a href="http://flexhk.com/wordpress/?cat=12" title="View all posts filed under Instructors">Instructors</a>
</li>
	<li class="cat-item cat-item-11"><a href="http://flexhk.com/wordpress/?cat=11" title="View all posts filed under Tulaa">Tulaa</a>
</li>
	<li class="cat-item cat-item-13"><a href="http://flexhk.com/wordpress/?cat=13" title="View all posts filed under Contact Us">Contact Us</a>
</li>
 
 
</ul>
</div>
</div><div id="content">
 
<div id="left-column">
<div class="postl" id="post-113"><h2>Flex Yoga &#038; Pilates Studio</h2>
<p>Flex HK offers daily classes of the highest caliber for adults and children, taught by our team of fully-certified, talented staff.</p>
<p>Flex also specializes in Pre and  Post Natal conditioning, sports training, and yoga taught by Hong  Kong’s premiere instructors.  The studio is fully equipped with showers,  a takeaway café and kids’ corner, to accommodate all client needs.  Click <a title="Schedule" href="https://clients.mindbodyonline.com/asp/home.asp?studioid=855" target="_blank">here</a> for a schedule.</p>
 
<h2>Links</h2>
<p style="text-align: center;"><a href="http://www.mindbodyonline.com/pilatesapp/?ql=clients"><img class="aligncenter size-full wp-image-480" style="border: 0pt none;" title="Flex on your iPhone!" src="http://flexhk.com/wordpress/wp-content/uploads/2010/08/tn.jpg" alt="" width="180" height="270" /></a></p>
<p><a href="http://www.redshoedance.com/" target="_blank">Red Shoe Dance</a></p>
<p><a href="http://www.fusionacademyglobal.com/" target="_blank">Fusion Academy</a></p>
<p style="text-align: center;"><a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=110917744645978774621.00048aae18a41d43d2ee3&amp;ll=22.249586,114.166349&amp;spn=0.002972,0.001725&amp;z=19"><img class="size-full wp-image-653   alignnone" style="border: 0pt none; margin: 0px;" title="Click for Location Map" src="http://flexhk.com/wordpress/wp-content/uploads/2010/08/locationMap.png" alt="Click for Location Map" width="98" height="20" /></a></p>
</div>
</div>
<div id="right-column">
<div class="postr" id="post-111"><p><img class="size-full wp-image-466 alignnone" style="margin: 0px; border: 0pt none;" title="home3" src="http://flexhk.com/wordpress/wp-content/uploads/2010/08/home3.jpg" alt="" width="460" height="295" /></p>
<p><img class="size-full wp-image-462 alignnone" title="home1" src="http://flexhk.com/wordpress/wp-content/uploads/2010/10/home1.jpg" alt="" width="460" height="295" /></p>
<div style="width:32%; float: left; padding-right: 1%; display: inline;" class="post_column_1"><p></p>
<h3>Zumba</h3>
<p>ZUMBA The dance party moves into the classroom! Zumba mixes hypnotic Latin rhythms and easy-to-follow moves..</p>
 
<p><a href="http://flexhk.com/wordpress/?cat=5"><img class="size-full wp-image-506 alignright" title="more" src="http://flexhk.com/wordpress/wp-content/uploads/2010/10/more.png" alt="" width="53" height="20" /></a></p>
<p></div>
<div style="width:32%; float: left; padding-right: 1%; display: inline;" class="post_column_1"><p></p>
<h3>NIA</h3>
<p>The ultimate East meets West method to tone the body, mind &amp; spirit. NIA is a blend of concepts from a diversity of cultures and movement disciplines, including yoga, martial arts, modern &amp; ethnic dance..  Click <a href="https://clients.mindbodyonline.com/ASP/home.asp?studioid=855" target="_blank">Here</a> to Sign Up!</p>
<p><a href="http://flexhk.com/wordpress/?cat=5"><img class="size-full wp-image-506 alignright" title="more" src="http://flexhk.com/wordpress/wp-content/uploads/2010/10/more.png" alt="" width="53" height="20" /></a></p>
<p></div>
<div style="width:32%; float: left; padding-right: 0; display: inline;" class="post_column_1"><p></p>
 
<h3>ReTREAT yourself this holiday season!</h3>
<p>Flex is working with The Retreat wellness centre to help you achieve your fitness goals and look your best in the coming year..</p>
<p><a href="http://flexhk.com/wordpress/?cat=5"><img class="size-full wp-image-506 alignright" title="more" src="http://flexhk.com/wordpress/wp-content/uploads/2010/10/more.png" alt="" width="53" height="20" /></a></p>
<p></div>
</div>
</div>
<div class="push"></div> 
<div id="stones">
<img src="http://flexhk.com/wordpress/wp-content/uploads/2010/08/smallStones.jpg" alt="stones" width="84" height="130"  />
</div></div>
</div>
<div id="footer">
	<p> 1st Floor Regency Centre (Phase II), 43 Wong Chuk Hang Rd, Wong Chuk Hang, Aberdeen, Hong Kong<br>
 
Tel: 2813-2212 | Fax: 2813-2281 | email: </p>
<script type="text/javascript">eval(unescape('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61%69%6c%74%6f%3a%69%6e%66%6f%40%66%6c%65%78%68%6b%2e%63%6f%6d%22%3e%69%6e%66%6f%40%66%6c%65%78%68%6b%2e%63%6f%6d%3c%2f%61%3e%27%29%3b'))</script><p></p>
</div></body></html>

..on line 132 you can see a

tags which are showing up as errors in the validation. Yet they are in the wordpress post, which do not show up in the HTML editor in wordpress. That seems very strange to me, any ideas how to delete it?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 32 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9206
Points: 3212

Your main php file will have

Your main php file will have includes that import sub-files such as the footer. Find that footer file and edit that.

Go through your css file and everywhere you see position, left, right, top, or bottom, delete that rule.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.