简体   繁体   English

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

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

I used Picasa to create an image gallery, which is part of a website that I am creating. 我使用Picasa创建了图片库,该图片库是我正在创建的网站的一部分。

I can't figure out how to remove the scroll-bar (it holds thumbnails) on the side that I think is from an iframe? 我不知道如何删除iframe一侧的滚动条(包含缩略图)? Here are the pages that I have to work with: 这是我必须使用的页面:

The "imageset.html" code: “ 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>

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? 我从CSS中取出了可能会影响它的所有内容,因此有没有办法使它消失?

Just in case here's the code for index/target0.html: 以防万一,这是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. 我尝试完全删除thumbnails.html文件,但滚动条(框架?)仍然存在。 So I want to ditch the vertical scroll bar and just have the "next/last" controls that are already there. 因此,我想抛弃垂直滚动条,只使用已经存在的“下一个/最后一个”控件。

The attribute scrolling in the element frame controls whether the frame has a scrollbar. 在元素frame scrolling的属性控制frame是否具有滚动条。

You have it set to 'yes'. 您将其设置为“是”。 If you want this frame to have no scrollbars, set it to 'no'. 如果您希望该框架没有滚动条,请将其设置为“ no”。

I took a look at your URL, made the change with Firebug and it worked just fine. 我查看了您的URL,并使用Firebug进行了更改,它工作得很好。

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

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

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