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.