Php 包含的文本放置_Php_Css - Fatal编程技术网

Php 包含的文本放置

php css

Php 包含的文本放置,php,css,Php,Css,我不完全确定如何解释这一点，但我会尽我所能。我对这个很陌生：/ 这是我正在使用的基本模板，我将其作为包含，并将其包含在我的所有页面中。。这一切工作，但我想能够把不同的文本/内容在每一页模板的主体区域。现在，每当我向页面中添加内容时，模板主体区域都保持空白，我添加的所有内容都位于整个模板下方 <html> <head> <title>Title</title> <style> /* Start CSS */ /* This change

我不完全确定如何解释这一点，但我会尽我所能。我对这个很陌生：/

这是我正在使用的基本模板，我将其作为包含，并将其包含在我的所有页面中。。这一切工作，但我想能够把不同的文本/内容在每一页模板的主体区域。现在，每当我向页面中添加内容时，模板主体区域都保持空白，我添加的所有内容都位于整个模板下方

<html>
<head>
<title>Title</title>
<style>
/* Start CSS */

/* This changes your link colors */
A:link 
{ text-decoration: none; color: #003399; }
A:visited 
{ text-decoration: none; color: #003399; }
A:active
{ text-decoration: none; color: #003399; }
A:hover 
{ text-decoration: none; color: #6666FF; }


/* This changes the basic properties of your layout */
body
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #778899;
background-image: url('../ ');
text-align: justify;
margin-bottom: 5px; 
margin-right: 0px; 
margin-top: 5px;
}

/* This code centers the layout */
#container {
margin:0px auto 0px auto;
width:100%;
text-align:center;
}


/* Leave this be */
#container2 {
width: 1100px;
text-align: left;
margin: 0px auto;
position: relative;
min-height: 300px;
}


/* This code controls the properties of your left menu */
#leftmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #E8E8E8;
background-image: url('../ ');
text-align: left;
border: 0px solid #000000;
width:160px;
padding:10px;
}
/* This code controls the link boxes on the sidebars */
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:160px;
text-align:center;
padding:4px;
text-decoration:none;
}
a:hover,a:active
{
background-color:#7A991A;
}


/* This code controls the properties of your right menu */
#rightmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #E8E8E8;
background-image: url('../ ');
text-align: right;
border: 0px solid #000000;
width:160px;
padding:10px;
}


/* This code is not mandatory, but sets a background for the menu headers */
#menuheader
{ font-family: verdana; helvetica; sans serif;
color: #333333;
font size: 10px;
background-color: #CCCCCC;
background-image: url('../ ');
text-align: center;
margin-top: 5px;
padding:3px;
}

/* This code controls the properties of your content */
#content
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('../ ');
border: 0px solid #000000;
padding:10px;
}


/* This code controls the properties of your disclaimer */
#disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background: #CCCCCC;
background-image: url('../ ');
border: 0px solid #000000;
text-align:center;
width:1100px;
height:90px;
padding:10px;
}


/* This code controls the properties of your banner */ 
#banner
{ background: #CCCCCC;
background-image: url('../Images/Banner.png');
border: 0px solid #000000;
text-align:center;
width:1100px;
height:200px;
}


/* This sets the properties for content headers */
h1
{ font-family: verdana; sans serif;
font-size: 15px;
font-weight: bold;
font-variant: small-caps;
align:center;
}


/* End CSS */

</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="container">
<div id="container2">

<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" id="banner" colspan="3"></td></tr>
   <tr>
      <td valign="top" id="leftmenu">

<!-- Start Left Menu -->

         <div id="menuheader">Home</div>
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a>

         <div id="menuheader">Shops</div>
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a>


<!-- End Left Menu-->

      </td>
      <td valign="top" id="content">
         <div align="justify">

<!-- Start Content -->



<!-- End Content -->
</div>
      </td>
      <td valign="top" id="rightmenu">

<!-- Start Right Menu -->

         <div id="menuheader">Ranks</div>
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a>

         <div id="menuheader">Maps</div>
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a><br />
         <a href="#">Link Here</a>

<!-- End Right Menu -->

      </td>
   </tr>
   <tr>
      <td valign="top" id="disclaimer" colspan="3">

<!-- Start Disclaimer -->

Add disclaimer.

<p>

<!-- End Disclaimer -->

      </td>
   </tr>
</table>
</div>
</div>
</body>
</html>


标题
/*启动CSS*/
/*这会更改链接颜色*/
A:链接
{文本装饰：无；颜色：#003399；}
A:参观了
{文本装饰：无；颜色：#003399；}
A:主动的
{文本装饰：无；颜色：#003399；}
A:悬停
{文本装饰：无；颜色：#6666FF；}
/*这将更改布局的基本属性*/
身体
{字体系列：Verdana；无衬线；helvetica；
颜色：#333333；
字体大小：10px；
背景色：#778899；
背景图像：url（“../”）；
文本对齐：对齐；
边缘底部：5px；
右边距：0px；
边缘顶部：5px；
}
/*此代码使布局居中*/
#容器{
保证金：0px自动0px自动；
宽度：100%；
文本对齐：居中；
}
/*别管这个了*/
#集装箱2{
宽度：1100px；
文本对齐：左对齐；
保证金：0px自动；
位置：相对位置；
最小高度：300px；
}
/*此代码控制左侧菜单的属性*/
#左菜单
{字体系列：Verdana；无衬线；helvetica；
颜色：#333333；
字体大小：10px；
背景色：#E8E8E8；
背景图像：url（“../”）；
文本对齐：左对齐；
边框：0px实心#000000；
宽度：160px；
填充：10px；
}
/*此代码控制侧栏上的链接框*/
a:链接，a:已访问
{
显示：块；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#98bf21；
宽度：160px；
文本对齐：居中；
填充：4px；
文字装饰：无；
}
a:悬停，a:活动
{
背景色：#7A991A；
}
/*此代码控制右菜单的属性*/
#右菜单
{字体系列：Verdana；无衬线；helvetica；
颜色：#333333；
字体大小：10px；
背景色：#E8E8E8；
背景图像：url（“../”）；
文本对齐：右对齐；
边框：0px实心#000000；
宽度：160px；
填充：10px；
}
/*此代码不是必需的，但为菜单标题设置背景*/
#梅努海德
{字体系列：verdana；helvetica；无衬线；
颜色：#333333；
字体大小：10px；
背景色：#中交；
背景图像：url（“../”）；
文本对齐：居中；
边缘顶部：5px；
填充：3倍；
}
/*此代码控制内容的属性*/
#内容
{字体系列：Verdana；无衬线；helvetica；
颜色：#333333；
字体大小：10px；
背景色：#FFFFFF；
背景图像：url（“../”）；
边框：0px实心#000000；
填充：10px；
}
/*此代码控制免责声明的属性*/
#免责声明
{字体系列：Verdana；无衬线；helvetica；
颜色：#333333；
字体大小：10px；
背景:#中交;；
背景图像：url（“../”）；
边框：0px实心#000000；
文本对齐：居中；
宽度：1100px；
高度：90px；
填充：10px；
}
/*此代码控制横幅的属性*/
#横幅
{背景：#中交所；
背景图像：url（'../Images/Banner.png'）；
边框：0px实心#000000；
文本对齐：居中；
宽度：1100px；
高度：200px；
}
/*这将设置内容标题的属性*/
h1
{字体系列：verdana；无衬线；
字体大小：15px；
字体大小：粗体；
字体变体：小大写字母；
对齐：居中；
}
/*结束CSS*/
家








商店








等级








地图








添加免责声明。

我知道这可能是一件非常简单的蠢事，但我不知道。

PHP include（）意味着嵌入文件内容。它将根据它的实际顺序进行解析。我想你需要一些框架。你不能仅通过包含文件并将内容放在正文模板上，这可能不是最好的方法，但确实有效

添加

echo body_content（）到主模板的主体标记，然后在每个页面上执行如下内容
function body_content(){
   echo 'simple content';
}

我不会继续沿着这条路走下去。include对于您需要在每个页面上重复的内容非常有用，例如页脚、侧边栏、导航、页眉等。您可以将所有这些内容复制到一些include中，但是对于每个页面，使用单独的.html或.php文档会更有意义。或者，使用jquerymobile这样的框架，但听起来您还没有准备好。祝你好运
 如果我可以的话，你从哪里得到的模板？我真的不记得我只是把它放在一个文件里很长一段时间，然后偶然发现了它。