无法摆脱在照片库中保存缩略图的垂直滚动条
我使用 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文件，但滚动条（框架？）仍然存在。所以我想放弃垂直滚动条，只使用已经存在的“下一个/最后一个”控件。
I used Picasa to create an image gallery, which is part of a website that I am creating.
I can't figure out how to remove the scroll-bar (it holds thumbnails) on the side that I think is from an iframe? Here are the pages that I have to work with:
The "imageset.html" code:
<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>
I think that must be the code causing the vertical-scroll bar on the left? I took out anything that might effect it out of the CSS, so is there anyway to make it go away?
Just in case here's the code for 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>
I've tried deleting the thumbnails.html file altogether, but the scroll bar (frame?) is still there. So I want to ditch the vertical scroll bar and just have the "next/last" controls that are already there.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
元素
frame中的属性scrolling控制框架是否有滚动条。您已将其设置为“是”。如果您希望该框架没有滚动条，请将其设置为“否”。
我查看了你的 URL，用 Firebug 进行了更改，效果很好。
The attribute
scrollingin the elementframecontrols whether the frame has a scrollbar.You have it set to 'yes'. If you want this frame to have no scrollbars, set it to 'no'.
I took a look at your URL, made the change with Firebug and it worked just fine.
在 iframe 及其内容的 CSS 中添加
overflow:hidden应该可以消除滚动条，但如果内容大于设置的宽度/高度，它将被截断。Adding
overflow: hiddenin the CSS for the iframe as well as its contents should get rid of the scrollbar, but if the content is larger than the set width/height it will get cut off.