PHP网页嵌套出错。急!!!
我想要的效果如下:在main.php(首页)镶嵌news.php(新闻),单个网页测试没问题,但是我把news.php镶嵌进去后发现CSS都乱了,请问应该怎么改?main...
我想要的效果如下:在main.php(首页)镶嵌news.php(新闻),单个网页测试没问题,但是我把news.php镶嵌进去后发现CSS都乱了,请问应该怎么改?
main.php代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*navibar*/
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:550px; margin:1em 0 10px 200px; height:30px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ul li ul li a:hover{ background:#539D26; color:#fff;}
#nav ul li a{text-decoration:none;color:#990; }
#middle{ margin-top:300px;}
</style>
</head>
<body >
<div id="nav">
<ul>
<li><a href="index.php">HOME</a></li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">SSSS
<ul>
<li><a href="4.php" >AAAA</a></li>
<li><a href="5.php" >BBBB</a></li>
<li><a href="6.php" >VVVV</a></li>
</ul>
</li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">ABOUT
<ul>
<li><a href="1.php" >EEEEE</a></li>
<li><a href="2.php" >RRRRR</a></li>
<li><a href="3.php" >YYYYY</a></li>
</ul>
</li>
</ul>
</div>
<div id="middle"> <p><?php include("news.php") ?> </p></div>
</body>
</html>
news.php代码如下:http://202.122.102.179/KEN/NEWS.TXT
错误的显示如图上部分,我希望做成图下半部分的样子,谢谢! 展开
main.php代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*navibar*/
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:550px; margin:1em 0 10px 200px; height:30px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ul li ul li a:hover{ background:#539D26; color:#fff;}
#nav ul li a{text-decoration:none;color:#990; }
#middle{ margin-top:300px;}
</style>
</head>
<body >
<div id="nav">
<ul>
<li><a href="index.php">HOME</a></li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">SSSS
<ul>
<li><a href="4.php" >AAAA</a></li>
<li><a href="5.php" >BBBB</a></li>
<li><a href="6.php" >VVVV</a></li>
</ul>
</li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">ABOUT
<ul>
<li><a href="1.php" >EEEEE</a></li>
<li><a href="2.php" >RRRRR</a></li>
<li><a href="3.php" >YYYYY</a></li>
</ul>
</li>
</ul>
</div>
<div id="middle"> <p><?php include("news.php") ?> </p></div>
</body>
</html>
news.php代码如下:http://202.122.102.179/KEN/NEWS.TXT
错误的显示如图上部分,我希望做成图下半部分的样子,谢谢! 展开
展开全部
不应该用include,这样把news.php整个网页都包含进来,你的main.php里就变成有<html>
<head></head>
<body>
<html>
<head></head>
<body>
</body>
</html>
这样显然是不对的,你试试用<iframe>
或者把news.php里面的<html><body></body></html>等标签去掉,css代码单独放到
style.css里面
</body>
</html>
<head></head>
<body>
<html>
<head></head>
<body>
</body>
</html>
这样显然是不对的,你试试用<iframe>
或者把news.php里面的<html><body></body></html>等标签去掉,css代码单独放到
style.css里面
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是因为标签重复了,你的news.php 里包含了以下代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
</body>
</html>
这些和mian.php 重复了,直接删除,只要留 body内的代码,就OK了,你试试
!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
</body>
</html>
这些和mian.php 重复了,直接删除,只要留 body内的代码,就OK了,你试试
!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
镶嵌网页请用: <iframe src="news.php" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把导航作为一个head.html文件,然后news.php 中直接include(head.html)就OK了吧~~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把<body>这里内容单独放到别的文件去</body>!
例:<script>
function id(obj){
return document.getElementById(obj);
}
var page;
var lm,mx;
var md=false;
var sh=0;
var en=false;
…《缩略一些代码》…
<div>
<ul>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>爱的箴言</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>未来的主人翁</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>如今才是唯一</a></li>
</ul>
</div>
</script>
放到 ok.php 里
你用<div id="middle"><?php include("ok.php") ?></div>试一下
news.php这个文件也要在<body>嵌套一下
例:<body onselectstart="return false;"><?php include("ok.php") ?></body>
例:<script>
function id(obj){
return document.getElementById(obj);
}
var page;
var lm,mx;
var md=false;
var sh=0;
var en=false;
…《缩略一些代码》…
<div>
<ul>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>爱的箴言</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>未来的主人翁</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>如今才是唯一</a></li>
</ul>
</div>
</script>
放到 ok.php 里
你用<div id="middle"><?php include("ok.php") ?></div>试一下
news.php这个文件也要在<body>嵌套一下
例:<body onselectstart="return false;"><?php include("ok.php") ?></body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询