HTML - Scrollbar Problem

Hi,
i was made web, but have a problem. I attach foto and you can see problem. How insert a scrollbar?
sorry for my english language

Ok i want just a plain html not php or css code but an html code for a scrollbar. I cant find one that works. Please and thank you

Im not sure if this is in the right area of this forum but heres the question

I have a div scrollbar exampe:

<DIV
style='position: absolute; left: 30; top: 10;
color: #000000;
background-color: #FFFFFF;
border: solid 10px;
border-color: #FFFFFF;
width: 690px;
height: 1300px;
overflow: auto;
'>

I have a picture blog. I keep adding pictures to it, and when i get too many , it just creates a scroll. I dont want a scroll, but I dont wanna have to keep changing the "height" everytime i put more pictures in.

I am kinda lost in how to word this question... maybe somebody can help me.

thank you if you do.

Hi all,
I need help with scrollbars:
Is it possible to use an image instead of the standard scrollbar (see http://www.esaurome.com/bikini%20IT.html, the 2 fishes and the wave).

Please HELP ME!!!

I need an HTML scrollbar that can display HTML of a picture without showing the picture.

Any help would be appreciated.

I searched all over the internet and I can't come up with anything. The problem I have is in my form I have:
HTML Code:

<table>
  <tr>
   <td>
      <div style="position: relative; border-width: 1px; border-style: solid; border-color: #000000; overflow: auto; overflow-x:hidden; scrollbar-base-color: #98B0C7; scrollbar-arrow-color: #FFFFFF; width: 100%; height: 300px;">data</div>
   </td>
  </tr>
</table>

With this, I use the div to be at 300px height so the overflow creates a scrollbar within the form to allow a user to scroll the data without scrolling the entire page.. hence no scrollbar on the browser right side..

Well, in some cases I still do have the right side browser scrollbar because the entire form will sometimes be large. (not the div data) This is ok and what's normally suppose to happen. In those scenarios, the scrollbar is there on the right side of the browser for ie7 but in ie6, it's not there. Again, not talking about my div data content scrollbar within the form, but the right hand side of the browser scrollbar.

If someone could enlighten me about exactly what is going on here I would greatly appreciate it.

s-one

Hey everyone,
I was wondering how I can get rid of a scrollbar that only shows up in IE, when I embedded another webpage inside a webpage. I specified size and the other webpage is only a few lines of text so it doesn't need to scroll to see everything. I don't have this problem in FF.

HTML Code:

<object data=siteupdates.html width="100%" height="212"> 
</object>

Thanks

When I browse between pages on my website (well, and almost every website), the scrollbar goes to the top of the page by default. How can I make it so that it stays in the same place when switching pages?
This is probably really simple but I can't seem to figure out how to do it.

Well, I like to know how you can do this:
http://b5.boards2go.com/boards/board...4563&user=he12
Ya know, put HTML inside a box without the HTML actually showing up so others can copy and paste it? I've run out of ideas, so please help!

Can't tell you how many hours I've spent trying to do this, but it's a lot!
An example page with the issue can be found here..
http://www.funkimunkibadges.co.uk/geekybadges-c-79.html

I'm basically trying to change it to be a horizontal scroll instead of vertical.

Top image here is what happens when I expand the data in the central box.
The lower image is when is as it is now..
http://www.flickr.com/photos/creepyd/5710648997/

I'm not really sure where the problem lies, my guess is the html.

The piece of CSS which creates the vertical scrollbar is here..
Code:

#indexProductList.centerColumn {
	width: 630px ;
	height: 680px !important; /*CENTER SCROLLBAR HEIGHT*/
	overflow:auto;
	padding:0px;

If I change the 'auto' above to 'hidden', the scrollbar goes away, so it's definitely that controlling it.
The php which creates the 5 columns is here..
If I change it to + 0.5, the last one will wrap to the next line, and not create a horizontal scrollbar. However if I change it so each column is more than 100%, I get a horizontal scrollbar?!
Code:

$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;

Thanks so much for any help.


Here's the html for the central table with the normal vertical scrollbar in place..

HTML Code:

<td valign="top">
<!-- bof  breadcrumb -->
    <div id="navBreadCrumb">  <a href="http://www.funkimunkibadges.co.uk/">Home</a>&nbsp;::&nbsp;
Careers & Hobbies
 
</div>
<!-- eof breadcrumb -->
 
 
<!-- bof upload alerts -->
<!-- eof upload alerts -->
 
<div class="centerColumn" id="indexProductList">
 
<h1 id="productListHeading">Careers & Hobbies</h1>
 
 
<div id="indexProductListCatDescription" class="content">&nbsp;</div>
 
 
<form name="filter" action="http://www.funkimunkibadges.co.uk/index.php?main_page=index" method="get"><label class="inputLabel">Filter Results by:</label><input type="hidden" name="main_page" value="index" /><input type="hidden" name="cPath" value="113" /><input type="hidden" name="sort" value="20a" /><select name="alpha_filter_id" onchange="this.form.submit()">
  <option value="0">Items starting with ...</option>
  <option value="65">A</option>
  <option value="66">B</option>
  <option value="67">C</option>
  <option value="68">D</option>
 
  <option value="69">E</option>
  <option value="70">F</option>
  <option value="71">G</option>
  <option value="72">H</option>
  <option value="73">I</option>
  <option value="74">J</option>
</select>
</form>
<br class="clearBoth" />
 
<div id="productListing">
 
<div id="productsListingTopNumber" class="navSplitPagesResult back">Displaying <strong>1</strong> to <strong>134</strong> (of <strong>134</strong> products)</div>
 
<div id="productsListingListingTopLinks" class="navSplitPagesLinks forward"> &nbsp;</div>
<br class="clearBoth" />
 
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2628"><img src="images/Be Nice Im In Charge Of The Pills.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2628"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=3165"><img src="images/Best Scrabble Player Ever.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=3165"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2663"><img src="images/Bowling Cutie.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2663"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2662"><img src="images/Bowling Cutie Black.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2662"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2664"><img src="images/Bowling Pins And Ball Red.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2664"></a><br /><br /></div>
 
<br class="clearBoth" />
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2665"><img src="images/Bowling Princess.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2665"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2666"><img src="images/Bowling Rocks.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2666"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2667"><img src="images/Bowling Strike.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2667"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2672"><img src="images/Camera On Blue.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2672"></a><br /><br /></div>
    <div class="centerBoxContentsProducts centeredContent back" style="width:19.5%;"><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2673"><img src="images/Camera On Pink.jpg" alt="" width="120" height="120" class="listingProductImage" /></a><br /><br />&pound;0.79<br /><a href="http://www.funkimunkibadges.co.uk/index.php?main_page=product_info&amp;cPath=113&amp;products_id=2673"></a><br /><br /></div>
<br class="clearBoth" />
 
 
<div id="productsListingBottomNumber" class="navSplitPagesResult back">Displaying <strong>1</strong> to <strong>134</strong> (of <strong>134</strong> products)</div>
<div  id="productsListingListingBottomLinks" class="navSplitPagesLinks forward"> &nbsp;</div>
 
<br class="clearBoth" />
 
</div>
</div>
</td>

I have a table that is set to overflow:auto with a width less then the content in the table. In Firefox, the table is the correct width and has a scrollbar. In my most hated application, IE7, there is no scrollbar and the content goes out of the width set. I think is this has to do with the absolute positioning I am using but not sure. I actually can't get the scrollbar to work on any of my divs in IE7 but again, they appear perfectly in Firefox. Here is the code which I am using in MySpace.

.friendSpace{display:inline; top:830px; left: 50%; position:absolute; margin-left: -400px; height:900px; width:250px; overflow:scroll}
.friendSpace table{visibility:visible; color:000000; background-color:cccccc; width: 250px}

you can see what I am talking about at www.myspace.com/spencespencer.

Hi,

I'm trying to create an invisible scrollbar for a text box with only the up & down arrow showing. How do I make the bar in the Iframe invisible but still be able to scroll up/down on the text. The following is the code that I have. What am I doing wrong? Thanks

<body>

<p>
<iframe name="I1" src="1.htm" border="0" frameborder="0">
</iframe></p>

</body>


Thanks for you

Hello

I hate when scrollbar appears inside of iframe. How can I get rid of rollbar? I try with css:

iframe {
overflow: hidden;
}

But that doesn't work. Is there anything else I can try Maybe something else then iframe? I only know how to work with html,css & javascript.

Tnx

I am wanting to do a horizontal scrollbar like this http://felicefawn.com/fashion.htm with pictures inside. The pictures won't stay side by side, they go underneath therefore creating a vertical scrollbar. Anyone know how to do this? Help much appreciated!!

Hello, i was wondering if anyone could tell me how i would place a textbox inside a layer (textbox with scrollbar only vertical). The textbox can only be wrote in by me to display text, not by any other user.


I was also wondering then how would i position the textbox within the layer so it would be in the middle of the layer not at the top.

And how i would then changed the colour of the scrollbar.

Thanks