Question

我使用Picasa创建了一个图片库，这是我正在创建的网站的一部分。

我无法弄清楚如何从iframe中移除滚动条（它包含缩略图）？以下是我必须使用的页面：

“imageset.html”代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Forest Village</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<frameset cols="180,*" border="0">
<frame src="thumbnails.html" scrolling="yes" border="0">
</frame>
<frame src="target0.html" name="images" border="0">
</frame>
</frameset>
</frame>
</frameset>

我认为必须是导致左侧垂直滚动条的代码？我从CSS中取出了任何可能影响它的东西，所以无论如何都要让它消失？

以防万一这是index / target0.html的代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css">
 <!--
 body {
background-image: url(../../2051__624x500_knitted-yarn-002051-forest-green.jpg);
background-repeat: repeat;
 }
-->
</style></head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="controls">
<span class="textbg"></span>
<p><span class="textreg">
First |
Previous Picture |
<a href="target1.html">Next Picture</a> |
 <a href="target20.html">Last</a><br>
</span><hr size="1"></div>

<div id="image">
<img src="images/our_gorgeous_swimming_pool.jpg" width="240"  height="180"  title="swimmingpool.jpg (large)" border="0"><p></div>
</div>
</body>
</html>

我尝试完全删除了thumbnails.html文件，但滚动条（框架？）仍然存在。所以我想抛弃垂直滚动条，只有已经存在的“下一个/最后一个”控件。

Answer 1

元素scrolling中的属性frame控制框架是否有滚动条。

您将其设置为“是”。如果您希望此框架没有滚动条，请将其设置为“否”。

我查看了您的网址，使用Firebug进行了更改并且工作正常。

Answer 2

在iframe及其内容的CSS中添加overflow: hidden应该摆脱滚动条，但如果内容大于设置的宽度/高度，它将被切断。

无法摆脱在照片库中保存缩略图的垂直滚动条

2 个答案: