Help with website html -&gt; php

Help with website html -> php

Ozzmosis

I have created a website, and have inserted some php code, and after changing the extension to .php, the site does not look the same as when it was .html

If someone can check out the site, and let me know what i've done wrong, that would be awesome.

http://www.adventuresofcoryandsherry.com/index2.php (broken at the right side, and bottom)

this is how it looks in html:
http://www.adventuresofcoryandsherry.com/index.html

Thanks alot!

ragedigital

Could have something to do with the fact that you have 2 <HEAD> and 2 <BODY> tags from your PHP output...

The second <BODY> on your PHP page is where the BLOG information is being displayed. It is not inside of the <TABLE> and therefore will not display properly.

Ozzmosis

The strange thing is that if I leave out the blog altogether, it looks the same. I tried copying the index.html file, and changed the extension to .php and the bottom and sides are still broken. 😕

ragedigital

You can try posting your code here and we can look at it or you can send it to me and I'll play with it...

php_builder@ragedigital.com

Ozzmosis

Ok, I found out what the problem is. When I look at the source through the browser (either one) I see that for some reason, the bottom part of the page (that is missing) is not being sent to the browser. I see it when I look at the file, but not when looking via source. I've even made sure that the files had the correct data in them.

Here is a copy of the code as seen in notepad:

<html>
<head>
<title>The Adventures Of Cory & Sherry</title>
<meta http-equiv="Content-Type" content="charset=iso-8859-1">

<td height="26" valign="top" width="10"><img src="images/content_top_left_curve.jpg" width="10" height="26" border="0"></td>
<td height="26" valign="top" width="30"><img src="images/content_top_fill.jpg" width="30" height="26" border="0"></td>
<td width="926" height="26" valign="top"><img src="images/content_top_fill.jpg" width="927" height="26" border="0"></td>
<td height="26" valign="top" width="10"><img src="images/content_top_fill.jpg" width="13" height="26" border="0"></td>
<td height="26" valign="top" width="10"><img src="images/content_top_right_curve.jpg" width="10" height="26" border="0"></td>
<td height="26" valign="top" width="17"  bgcolor="#232d77"></td>

</tr>
<tr>
<td width="17" height="654" valign="top" bgcolor="232d77"></td>
<td width="10" height="654"></td>
<td width="30" height="654"></td>

<td width="926" height="654" valign="top" class="text">
<?php

/ Short and sweet /
define('WP_USE_THEMES', true);
require('./wp-blog-header.php');
?>
<td width="13" height="654"></td>
<td width="10" height="654"></td>
<td width="17" height="654" valign="bottom" bgcolor="#232d77"></td>
</tr>
<tr>
<td width="17" height="20"><img src="images/menu_bottom_fill.jpg" width="17" height="20" border="0"></td>
<td width="10" height="20"><img src="images/content_bottom_left_curve.jpg" width="10" height="20" border="0"></td>
<td width="30" height="20"><img src="images/content_bottom_fill.jpg" width="30" height="20" border="0"></td>
<td width="926" height="20"><img src="images/content_bottom_fill.jpg" width="927" height="20" border="0"></td>
<td width="10"><img src="images/content_bottom_fill.jpg" width="13" height="20" border="0"></td>
<td width="10" height="20"><img src="images/content_bottom_right_curve.jpg" width="10" height="20" border="0"></td>

<td width="17" height="20" valign="bottom"><img src="images/menu_bottom_fill.jpg" width="17" height="20" border="0"></td>

</tr>
<tr bgcolor="#999999" align="center">
<td height="19" colspan="7" bgcolor="#232d77" class="footer2"></td>
</tr>
</table>
</body>
</html>

I will post another reply cuz this one is too big....

Ozzmosis

This is what I see when viewing source (notice that after the wordpress blog is finished, the source file code ends):

<html>
<head>
<title>The Adventures Of Cory & Sherry</title>

<tr valign="middle">
<td width="184" nowrap background="images/leftcoryhoodoo.jpg" bgcolor="#FFFFFF"><div class="buttonscontainer">
<div class="buttons"> <a href="index.html">Home Page</a>
<a href="adventures.html">Adventures</a>
<a href="cory.html">Cory's Stuff</a>
<a href="sherry.html">Sherry's Stuff</a>

    <a href="about.html">About Us</a>            </div>
</div></td> 
<td width="840" height="114" valign="middle" bgcolor="#FFFFFF"><img src="images/rightcoryhoodoo.jpg" width="840" height="114"></td>

</tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="17" bgcolor="#232d77" valign="top" height="26"></td>

<td height="26" valign="top" width="10"><img src="images/content_top_left_curve.jpg" width="10" height="26" border="0"></td>

<td height="26" valign="top" width="30"><img src="images/content_top_fill.jpg" width="30" height="26" border="0"></td>
<td width="926" height="26" valign="top"><img src="images/content_top_fill.jpg" width="927" height="26" border="0"></td>
<td height="26" valign="top" width="10"><img src="images/content_top_fill.jpg" width="13" height="26" border="0"></td>
<td height="26" valign="top" width="10"><img src="images/content_top_right_curve.jpg" width="10" height="26" border="0"></td>
<td height="26" valign="top" width="17"  bgcolor="#232d77"></td>

</tr>
<tr>
<td width="17" height="654" valign="top" bgcolor="232d77"></td>
<td width="10" height="654"></td>

<td width="30" height="654"></td>

<td width="926" height="654" valign="top" class="text">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Adventures of Cory & Sherry</title>

<meta name="generator" content="WordPress 2.0.4" /> <!-- leave this for stats please -->

<style type="text/css" media="screen">
	@import url( [url]http://coryandsherry.homeip.net:8080/wp-content/themes/classic/style.css[/url] );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://coryandsherry.homeip.net:8080/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://coryandsherry.homeip.net:8080/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://coryandsherry.homeip.net:8080/?feed=atom" />

<link rel="pingback" href="http://coryandsherry.homeip.net:8080/xmlrpc.php" />
	<link rel='archives' title='October 2006' href='http://coryandsherry.homeip.net:8080/?m=200610' />
	<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://coryandsherry.homeip.net:8080/xmlrpc.php?rsd" />

</head>

<h2>October 4, 2006</h2>
<div class="post" id="post-7">
<h3 class="storytitle"><a href="http://coryandsherry.homeip.net:8080/?p=7" rel="bookmark">test 5</a></h3>
<div class="meta">Filed under: <a href="http://coryandsherry.homeip.net:8080/?cat=1" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a> — cory-s @ 8:54 pm <a href="http://coryandsherry.homeip.net:8080/wp-admin/post.php?action=edit&post=7">Edit This</a></div>

<div class="storycontent">
	<p>this is another test<br />

tests are boring<br />
i just want it to look like i think it should.<br />
blah<br />
blah<br />
blah
</p>
</div>

<div class="feedback">
                    <a href="http://coryandsherry.homeip.net:8080/?p=7#respond" title="Comment on test 5">Comments (0)</a>	</div>

</div>

<div class="post" id="post-6">
<h3 class="storytitle"><a href="http://coryandsherry.homeip.net:8080/?p=6" rel="bookmark">fourth test…</a></h3>
<div class="meta">Filed under: <a href="http://coryandsherry.homeip.net:8080/?cat=1" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a> — cory-s @ 8:53 pm <a href="http://coryandsherry.homeip.net:8080/wp-admin/post.php?action=edit&post=6">Edit This</a></div>

<div class="storycontent">
	<p>to see how long the page will go, and how many posts it will display so it doesnt cut off the bottom of the page.</p>

<p>i wish this thing was a little easyer to modify. someone tell me how to make it work the way i want it too!!! haha
</p>
</div>

<div class="feedback">
                    <a href="http://coryandsherry.homeip.net:8080/?p=6#respond" title="Comment on fourth test…">Comments (0)</a>	</div>

</div>

<div class="post" id="post-5">
<h3 class="storytitle"><a href="http://coryandsherry.homeip.net:8080/?p=5" rel="bookmark">this is a third test…</a></h3>
<div class="meta">Filed under: <a href="http://coryandsherry.homeip.net:8080/?cat=1" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a> — cory-s @ 8:52 pm <a href="http://coryandsherry.homeip.net:8080/wp-admin/post.php?action=edit&post=5">Edit This</a></div>

<div class="storycontent">

	<p>to see how a paragraph of information looks after playing with the layout and blah blah blahkljda;lfjasdljf jdfsjafa;lsdifejlaisdf lasdj;kfjidcjkdf,xcnv,mnxckjv ncxjvlsjd sdoijf osijfekf skdjfiaweq wqweqwe sdfosipdfoi  sada;la;  djaf  df998 09898  890980098098 34 234 234234 234 ewr;lkj;asldfua; oisdufaoisjf;oaijvco;ai jsdfoija;oi scj;alsdc;al jdsc;o zjsdl jase;c dfasdkf asdja;iiji;ljil jjl ;lj;j;oijop oihoihoihoih ;oih;oih;oih ;oih;oihoi aeffae fqwe fqwefqewfqwe

</p>
</div>

<div class="feedback">
                    <a href="http://coryandsherry.homeip.net:8080/?p=5#respond" title="Comment on this is a third test…">Comments (0)</a>	</div>

</div>

— <a href="http://coryandsherry.homeip.net:8080/index2.php?paged=2">Next Page »</a>

</div>

ragedigital

This is your problem. You have to check and see what is going on in this file:

<?php
/ Short and sweet /
define('WP_USE_THEMES', true);
require('./wp-blog-header.php');
?>

Ozzmosis

and the star of our show... wp-blog-header.php

<?php

if (! isset($wp_did_header)):
if ( !file_exists( dirname(FILE) . '/wp-config.php') ) {
if ( strstr( $_SERVER['PHP_SELF'], 'wp-admin') ) $path = '';
else $path = 'wp-admin/';
die("There doesn't seem to be a <code>wp-config.php</code> file. I need this before we can get started. Need more help? <a href='http://wordpress.org/docs/faq/#wp-config'>We got it</a>. You can <a href='{$path}setup-config.php'>create a <code>wp-config.php</code> file through a web interface</a>, but this doesn't work for all server setups. The safest way is to manually create the file.");
}

$wp_did_header = true;

require_once( dirname(FILE) . '/wp-config.php');

wp();
gzip_compression();

require_once(ABSPATH . WPINC . '/template-loader.php');

endif;

this could get crazy...

ragedigital

I wish it were that easy, but that file has no output. In one of those files, you will have output to the browser and that's where the problem lies...

Ozzmosis

ok let me post what i think is the output files...

header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

<style type="text/css" media="screen">
	@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>

</head>

footer.php

</div>

<p class="credit"> <a href="http://wordpress.org" target="_blank"><img src="/images/wp-image.gif" alt="Powered by WordPress, state-of-the-art semantic personal publishing platform" width="80" height="15" border="0"></a></p>

so technically, after the footer is finished, shouldn't it display what is left in the main index2.php file?

I'm not sure where else to ask for help.

Thanks.

ragedigital

That could explain why they are issues.

In the header.php, it is creating another set of <HTML><HEAD> and <BODY> tags... that would defintely screw with your layout.

Ozzmosis

hmmmm.... I completeky got rid of header.php, and moved everything into the index2.php and still the same output. It almost seems like the footer is causing the problems. I wonder if I should move it to index2.php as well.