繁体   English   中英

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

[英]Can't get rid of vertical scroll-bar that holds thumbnails in photo gallery

我使用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文件,但滚动条(框架?)仍然存在。 因此,我想抛弃垂直滚动条,只使用已经存在的“下一个/最后一个”控件。

在元素frame scrolling的属性控制frame是否具有滚动条。

您将其设置为“是”。 如果您希望该框架没有滚动条,请将其设置为“ no”。

我查看了您的URL,并使用Firebug进行了更改,它工作得很好。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM