2014-09-20 32 views
0

所以我最近決定下載一個HTML模板給我的網站,下載它並設置好以後,文本進入底部而不是我想要的地方,這裏是一些截圖HTML文本真的不合適

http://imgur.com/VU8qDtf - 那大空箱子是我想要的文字去

http://imgur.com/05XfQKk - 這就是該文本實際上去

我是新來的HTML,以便原諒我noobness,但我在碰到這個之前做得很好。

這裏的文本代碼

<center><h2>Updates</h2></center> 

<p style="color:white; font-size: 0.8em"> 20 September 2014 - You can now earn gold by working.</p> 

<p style="color:white; font-size: 0.8em">20 September 2014 - Username now displays in the navigation pane.</p> 

<p style="color:white; font-size: 0.8em">20 September 2014 - Your Stats page now fully functional.</p> 

<p style="color:white; font-size: 0.8em">19 September 2014 - Added new registration page with increased security and validation.</p> 

<p style="color:white; font-size: 0.8em">19 September 2014 - Removed login box from every page after logging in.</p> 

<p style="color:white; font-size: 0.8em">19 September 2014 - Gold now a resource.</p> 

<p style="color:white; font-size: 0.8em">19 September 2014 - Incorrect login now displays an error message</p> 

<p style="color:white; font-size: 0.8em" >19 September 2014 - Added Rankings, Your Stats and Earn Gold pages. Not functional at the moment but will be as soon as possible.</p> 

<p><a href=\"main.php\">Back to main page</a></p> 

這是所有一個單獨的頁面上,我有保存的header.php休息(背景之類的東西),讓我知道如果你需要

整個模板代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html><head><title>Free Layout(from Dandon.net)</title> 

<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body topmargin="0" bottommargin="0" style="background-color: rgb(0, 0, 0);"> 
<center> 
<table heigh="" cellpadding="0" cellspacing="0" width="800"> 
<tbody> 
<tr> 
<td colspan="2" background="images/lbar.png" height="500" width="38"></td> 
<td valign="top"> 
<table cellpadding="0" cellspacing="0" height="631"> 
<tbody> 
<tr> 
<td valign="top"><img src="images/banner.jpg"></td> 
</tr> 
<tr> 
<td valign="top"> 
<table cellpadding="0" cellspacing="0" height="450"> 
<tbody> 
<tr> 
<td valign="top"> 
<table cellpadding="0" cellspacing="0"> 
<tbody> 
<tr> 
<td background="images/nav.png" height="17" width="178"> 
<div style="color:white" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Main</font></div> 
</td> 
</tr> 
<tr> 
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">&nbsp;&nbsp;<a href="index.php">» Home</a><br> 
&nbsp;&nbsp;<a href="stats.php">» Your stats</a><br> 
&nbsp;&nbsp;<a href="units.php">» Units</a><br> 
&nbsp;&nbsp;<a href="rankings.php">» Rankings</a><br> 
&nbsp;&nbsp;<a href="userson.php">» Online players</a><br> 
&nbsp;&nbsp;<a href="updates.php">» Updates</a><br> 
&nbsp;&nbsp;<a href="logout.php">» Logout</a><br> 
</font></td> 
</tr> 
<tr> 
<td background="images/nav.png" height="17" width="178"> 
<div style="color:white" align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="-1">Social</font></div> 
</td> 
</tr> 
<tr> 
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">&nbsp;&nbsp;<a href="chat.php">»  Chatroom</a><br> 
&nbsp;&nbsp;<a href="url">» Forum</a><br> 


</font></td> 
</tr> 
</tbody> 
</table> 
</td> 
<td background="images/divider.png" width="11"></td> 
<td valign="top"> 
<table cellpadding="0" cellspacing="0" height="460" width="535"> 
<tbody> 
<tr> 
<td background="images/content.png" height="17" width="535"> 
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1"></font></div> 
</td> 
</tr> 
<tr> 
<td valign="top"><font color="#ff9900" face="Verdana, Arial, Helvetica, sans-serif"  size="-1">&nbsp;&nbsp;&nbsp;</font></td> 
</tr> 
</tbody> 
</table> 
</td> 
</tr> 
</tbody> 
</table> 
</td> 
</tr> 
<tr> 
<td valign="bottom"><img src="images/footer.png"></td> 
</tr> 
</tbody> 
</table> 
</td> 
<td colspan="2" background="images/rbar.png" height="500" width="38"></td> 
</tr> 
</tbody> 
</table> 
</center> 
<div style="color:white; font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;"> 
Design provided by <a href="http://www.freewebtemplates.com/">Free 
Web Templates</a> - your source for free website templates<br> 
Supported by <a href="http://www.hosting24.com/" target="_blank">Hosting24.com</a> 
</div> 
</body></html> 
+4

如果所有內聯css和'

'魔法都來自模板,我會要求退款,而不是;-) – PeeHaa 2014-09-20 14:41:42

+0

@PeeHaa我寫了我自己展示的代碼,正如我所說我是noob :( – 2014-09-20 14:44:39

+0

我認爲這是因爲該框是標題的一部分,所以我不能編輯它?如果是這樣,我該如何去把東西放在單獨的頁面上? – 2014-09-20 14:45:59

回答

0

你或許應該刪除內嵌樣式,添加一些類和使用text-align:center居中你的更新飼料。見小提琴:http://jsfiddle.net/hyfwgx5g/4/

編輯:所以這裏是小提琴:http://jsfiddle.net/hyfwgx5g/6/

我不確定您的更新Feed是在單獨的文件中還是手動添加到頁面中。我已將類updates-container添加到您的代碼應存活的表格單元格中。只需在那裏添加它,或者像我說的,如果您正在導入文件,請使用包含標記添加它(例如<?php include 'updates.php';?>)。

+0

感謝提示,但它不能解決我的問題:3我認爲這是因爲我試圖添加文本的部分是「header.php」的一部分 – 2014-09-20 14:47:48

+0

@RyanMcKenna您可以發佈模板的其餘部分嗎?我已經得出結論,你想讓它集中在底部。 – Hevlastka 2014-09-20 14:50:51

+0

張貼這一切,不,我想在那個盒子裏。我只是用php做的網站,但它看起來不太好,因爲它只是隨機的彩色框大聲笑編輯 - 而且,我添加的部分是在每個頁面上,因爲它是每個頁面的模板,但底部的文本是否是使用模板的單獨頁面的一部分,如果有意義的話? – 2014-09-20 14:56:46