...

View Full Version : HTML problem



Fashong
02-10-2005, 11:33 PM
I have a top.php a index.php and a bottom.php and when I write text on the index it goes down far, and I need help so when someone changes pages it will be right under content and not all the way at the bottom like it is

(http://fashong.uni.cc == 'site')


top.php


<html>
<head>

<link rel="icon" href="http://fashong.uni.cc/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://fashong.uni.cc/images/favicon.ico" type="image/x-icon">


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<table align="center" width=706 border=0 cellspacing="0" cellpadding="0">
<tr><td align="center"><img src="images/banner.gif" width="706" alt=""></td></tr>
<tr><td align="center" style="height:7px;"><img src="images/hline.gif" alt=""></td></tr></table>

<div style="width:706px; margin:auto;">
<table width=150 border="1" cellpadding="0" align="left" cellspacing="0" style="border-color:#000000; border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images/navi.gif);" ><div align="center" style="font-size:10px;color:#FFFFFF;">Main Navigation</div></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images/nava.gif" width="6" height="5" alt="">&nbsp;<a href="#">Main
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images/nava.gif" width="6" height="5" alt="">&nbsp;<a href="#">Downloads
</a></font></td>
</tr>

<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images/nava.gif" width="6" height="5" alt="">&nbsp;<a href="#">Links
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images/nava.gif" width="6" height="5" alt="">&nbsp;<a href="#">Gallery
</a></font></td>
</tr>


<tr>
<td bgcolor="#EEEEEE" height="15" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">&nbsp;<img src="images/nava.gif" width="6" height="5" alt="">&nbsp;<a href="#">Poll
</a></font></td>

</tr></table>



<div style="float:left; border: 1px solid #000000; margin-left: 4px; background-image:url(images/content.jpg); width:542px; height:17px;"><div align="center" style="color: #FFFFFF; font-weight: bold"><font size="1">Content</font></div></div>
</div>
<div style="font-size:10;"><br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div>
<div style="margin:auto; width:706px; clear:both;">
<br>

<table class="login" width=150 border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images/navi.gif);" ><div align="center" style="color:#FFFFFF"><font size="1">Member Login</font></div></td>
</tr>

<tr>
<td align="center">
<form method="POST" action="index.php">
<font color=red size="1"><b>Username:</b></font><br>
<input type="text" name="email" size="10" maxlength="14"><br>
<font color=red size="1"><b>Password:</b></font><br>
<input type="password" name="password" size="10" maxlength="14"><br>
<input type="submit" name="action" value="Login"></form></td>
</tr>
<tr>
<td align="center" style="font-size:10px; color:#666666;">
[-Signup-]<br>
[-Forgot Password-]
</td>
</tr>
</table></div><br><br>



<div style="margin:auto; width:706px; clear:both;">

<table class="sitestats" width=150 border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td width="149" height="14" style="background-image:url(images/navi.gif);" ><div align="center" style="color:#FFFFFF"><font size="1">Site Stats</font></div></td>
</tr>
<tr>
<td>
<font color="#000000" size="1">Best viewed in Firefox<br>
1024 x 768 Resolution<br><br>
Hits: 0<br>
<?php echo "IP: {$_SERVER['REMOTE_ADDR']}"; ?>
</tr></td></font>
</table></div>

index.php



<?php include("top.php"); ?>

<b><div align="top"><font color="000000" size="2"></font></b></div>










<?php include("bottom.php"); ?>


and last bottom.php






</html>
</body>

ronaldb66
02-11-2005, 10:50 AM
You could start by not getting into scripting, includes, etc. before you have a basic, working page; the server side stuff only clouds the real issue at hand, namely a poor page structure. Besides, the chosen solution doesn't seem very logical (why not place all the necessary markup in one file, and use an include to import the text to be inserted?).

Fashong
02-11-2005, 08:01 PM
Don't worry about that I think that is fine all I need is this to be fixed because I have tried for a long time and it will not work and I need the includes for when I change pages on my site the layout will be the same just content changes

mcdougals4all
02-11-2005, 08:28 PM
As Ronald suggested you'd be better to step-back and make sure your basic page is set-up correctly.

Firstly, you need to add the appropriate doctype (http://www.codingforums.com/showthread.php?t=18346) and then validate (http://validator.w3.org/) your html. Without this first step you'll be spending a lot of time not getting things to work.


all I need is this to be fixed because I have tried for a long time and it will not work

You've currently got several errors and improperly nested elements, http://validator.w3.org/check?verbose=1&uri=http%3A//fashong.uni.cc/, which will leave browsers to take their best guess at how your page should appear.

Try sorting that out first and let us know how it goes.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum