|
HTML - Scrollbar Interaction
Hello all!
I am messing around with some website ideas in my head, trying to work out what is possible and what is not, and I was wondering if it is possible to create interactions between html and the website's vertical scrollbar. For example to make an image appear when the up or down scroll button is pressed...etc. Or to make a flash animation play when the scrollbar buttons are pressed. I am not too sure what I am going to use this for yet, but I have looked around online and have yet to find anything about scrollbar interaction... Any information or further reading would be helpful and very much appreciated!! Thank you!! Similar TutorialsI've figured out how to embed YouTube videos into a vBulletin installation of mine. How would I go about making a vertically expanding table that expand when the user would click on the "YouTube" text? I'm thinking of starting out out as a size maybe 100px high and 400px wide, and expand to 375px high and 450px tall. I've checked Google, but nothing seemed to come up that I could use. Hello, I am very new to this. Here is the problem, i have a paragraph, then 3 blockquotes, and then another paragraph. But instead of showing the 2nd paragraph under the blockquotes, it is putting it on the side of the blockquotes. This is undesirable. Here is my head and style:. Code: <head>
<style type="text/css">
body
{background-image:url('Seamless_Parchment_by_FantasyStock.jpg');
margin-top:50px;
margin-bottom:50px;
margin-right:100px;
margin-left:100px;}
h1
{color:Black;
text-align:center;
font-family:"Georgia";
font-size:44px;}
p
{font-family:"Trebuchet MS";
font-size:28px;}
a:link
{text-decoration:underline;
color:black;}
a:visited
{text-decoration:underline;
color:black;}
a:hover
{text-decoration:underline overline;
color:red;}
blockquote
{font-family:"Trebuchet MS";
font-size:24px;
float:left;
width:800px;}
</style>
</head>
And here is the html in question: Code: <p> texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext </p> <blockquote>texttexttexttexttexttexttexttexttexttexttexttext</blockquote> <blockquote>texttexttexttexttexttexttexttexttexttext</blockquote> <blockquote>texttexttexttexttexttexttexttexttexttexttexttexttextt</blockquote> <p> texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext </p> I could just increase the width (tried it - it works) of the blockquotes until the paragraph is forced down, but this seems sloppy to me, and i think it cause problems when other people view it. Any help would be great, Thanks guys! 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 check this page out..the vertical scrollbar http://www.progressoft.com/?option=c...&iscon&dir=ASC EDIT: i mean the vertical scrollbar of the clients area in the middle..& to see it check it in IE 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 I need an HTML scrollbar that can display HTML of a picture without showing the picture. Any help would be appreciated. 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!!! 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 I have had a look at this previous thread - but i still have an unwanted and unnecessary vertical scrollbar when using IE7. Can anyone help me get rid of it - please Even with a no-brain - one line page the scrollbar is displayed Heres my page Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title Page</title>
</head>
<body style="overflow:hidden">
<p>One line of text</p>
</body>
</html>
I've had a browse through the forums and done a bit of googling - but I haven't found a solution 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. How would i go about making the onchange property of a <select> drop down menu change the position of a scroll bar of a <div> below it? 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 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 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 Hi. I'm making a page for a company. And I'm having trouble regarding an iframe, ONLY comes to place when viewed in Explorer. I'm so tired of finding problems ONLY because of IE. This is the second time so far, spent an entire week just because of some minor code problems showing up ONLY when viewed in IE. Anyway, my trouble is an irritating horizontal scroll showing up at the bottom of the one iframe. The URL is http://www.risington.no/dynamikk I have checked that the contents of the page linked to the iframe ain't wider than the iframe itself. Actually, I've tried to even set half of the size it is now, and still I'm getting the scrollbar at the bottom. I'm running out of posibilities here, necer experienced such big a problem on behalf of this. I had thos problem a couple of times before, but allways solved by subtract about 15 px width off the content page shown in the iframe because of the VERTICAL scrollbar showing up, which actually is quite important that it does. But not this time, no! Here's a cut-out of how my iframe tag looks like: Code: <iframe src="news.html" width="677" height="478" align="middle" frameborder="0" marginheight="0" marginwidth="0" name="mainframe" scrolling="auto" title="Dynamikk"></iframe> It's inside a <td colspan="2"></td> with no static width or height. Any help = Grateful 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! 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. I have a website where some pages have no scrollbar, and some do. For pages with the scrollbar, it looks fine. Because that's expected. For pages without the scollbar, it bumps the divs to the right by ~15 pixels (because there is no more scrollbar). Is there some type of script, or a way to setup a DIV, to force a scrollbar? Even if there is no overflow of content for the page? As long as I can force a scrollbar on the page, it should be consistent. |
|||||||