然后把它转换成htm,用来在网页中查看
那个网页左侧是树形目录,点击后相右侧显示相应内容
内容就是一个个htm,可是图片显示不出来啊
这是极需解决的问题,求指导。
2 各位大神再指导下,
类似于csdn这样的帮助网页 内容定位是如何实现的呀
http://bbs.csdn.net/help#bbs_action
我现在还只能把相应的内容一块块保存成htm
不知道这样的文字内容整个放上去然后定位如何实现
而且关键是也得比较csdn这样的例子上的文档有图片啊!
4 个解决方案
#1
怎么没有回复呢 自顶自顶
#2
你打开HTM直接编辑下试下,把图片路径写成正确的路径。
#3
左侧的链接为页内引用,定义类似于 <a href="#id-name">总则</a>,这样点“总则”时,页面就会滚动到id为id-name的部分。
依我看,你最后把所有页面的内容放到一个页面就行了,每个页面的内容放到一个独立的div,div定义id,左边的链接通过通过上面提到的方式定位到对应的div。代码类似与
<html>
<head>
<title>帮助文档示例</title>
<style type="text/css">
div.help{
float:left;
margin:0px 20px;
padding:10px 10px;
}
ul{
float:left;
}
ul li{
list-style:none;
}
.help >div{
width:700px;
min-height:400px;
border:1px solid red;
}
</style>
</head>
<body>
<ul>
<li><a href="#help1">帮助链接1</a></li>
<li><a href="#help2">帮助链接2</a></li>
<li><a href="#help3">帮助链接3</a></li>
</ul>
<div class="help">
<div id="help1">此处为帮助链接1的内容</div>
<div id="help2">此处为帮助链接2的内容</div>
<div id="help3">此处为帮助链接3的内容</div>
</div>
</body>
</html>
#4

#1
怎么没有回复呢 自顶自顶
#2
你打开HTM直接编辑下试下,把图片路径写成正确的路径。
#3
左侧的链接为页内引用,定义类似于 <a href="#id-name">总则</a>,这样点“总则”时,页面就会滚动到id为id-name的部分。
依我看,你最后把所有页面的内容放到一个页面就行了,每个页面的内容放到一个独立的div,div定义id,左边的链接通过通过上面提到的方式定位到对应的div。代码类似与
<html>
<head>
<title>帮助文档示例</title>
<style type="text/css">
div.help{
float:left;
margin:0px 20px;
padding:10px 10px;
}
ul{
float:left;
}
ul li{
list-style:none;
}
.help >div{
width:700px;
min-height:400px;
border:1px solid red;
}
</style>
</head>
<body>
<ul>
<li><a href="#help1">帮助链接1</a></li>
<li><a href="#help2">帮助链接2</a></li>
<li><a href="#help3">帮助链接3</a></li>
</ul>
<div class="help">
<div id="help1">此处为帮助链接1的内容</div>
<div id="help2">此处为帮助链接2的内容</div>
<div id="help3">此处为帮助链接3的内容</div>
</div>
</body>
</html>
#4
