2010-02-24 25 views
1

我使用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的东西,反正它会让它消失吗?

万一这里的索引/ 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文件,但滚动条(帧?)仍然存在。所以我想抛弃垂直滚动条,并且只有已经存在的“下一个/最后一个”控件。

+0

你能链接到有问题的网站,以便我们可以通过Firebug/Dragonfly等来查看它吗? –

+0

当然 - 这是一个链接:eugeneforestvillage.com/Gallery/Forest%20Village/...垂直缩略图“窗口”是我想摆脱的。 – Jessica

回答

0

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

您将它设置为'yes'。如果您希望此框架没有滚动条,请将其设置为“否”。

我看了一下你的URL,用Firebug做了改变,它工作得很好。

+0

谢谢!但是,我将如何完全摆脱那个框架?每次我尝试删除一些东西时,它会删除所有内容。我只是想让缩略图中的那个帧丢失... – Jessica

+0

你能发布代码不工作吗? –

+0

@Jessica,我在理解你在这里之后有什么问题。在这一句话中,你已经表达了完全摆脱框架的愿望,但是你声明你只是想让缩略图消失的那帧。 一个框架只是一个网页内的网页。您可以通过更改所引用的网页来控制框架的内容。 – Dancrumb

0

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