HTML - Disable Window Scroll
Hello everyone!
I want to make a page that is split into two parts (left and right) each having its independent scrollbars. The following code shows the partial solution. The two key elements are <div style="width: 100%; height: 300; overflow: auto; font-size: 60">. But when I'm trying to put something more flexible like <div style="width: 100%; height: 100%; overflow: auto; font-size: 60"> the page is expanded to fit its content and I get only one scrollbar on the entire page. Can anybody help me to tweak this solution or propose some alternate way to accomplish the task? Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns:wicket="http://wicket.sourceforge.net/"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="css/font.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="overflow: auto"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td background="gif/fon_left.gif" width="25%" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr><td> <!-- * --> <div style="width: 100%; height: 300; overflow: auto; font-size: 60"> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> </div> </td></tr> </table> </td> <td width="2" background="gif/b_w.gif"> <img src="gif/no.gif" width="2" height="1"> </td> <td width="75%" valign="top"> <!-- * --> <div style="width: 100%; height: 300; overflow: auto; font-size: 80"> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> </div> </td> </tr> </table> </body> </html> Similar Tutorials1. I am having the JSP page which uses some css files . 2. i just want to avoid the scroll bar if content of my page is more . 3. How can i do that? I'm just trying to disable an HTML code (a link) in a scroll box. I've become frusturated after Googling it and searching it here with no luck. I've tried the <text area> thing and the < or whatever thing with no luck. I would love some help. Thanks! Hey guys, Can someone help me figure out how do you enter java for the very first time into an html document? Do I first have to save it in a folder and if so what kind of folder. I want a scrolling window with some questions in it that people will be able to answer yes or no too. Thanks, Ro My website pops up a browser window that cannot be resized. Occassionally though, the window's content exceeds its size. Is it possible to implement a scrollbar/scrollpane inside the window using just html? Cheers, James Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A> My site currently uses the above code to open popup windows. Any help would be much appreciated, David Here is the case. I have an HTML page that opens a pop-up. Within the popup I need upon click to open a new window. The code is as it should be according to all references: <a href="some url" target="_blank">text</a> Everything is ok with IE6 and IE7 - a new window is being opened. What happens in Firefox is very strange - tabs are shown and the currently opened popup becomes one of the tabs and the new window opens in a new tab of the pop-up window instead in a new normal window. Did anybody encounter the same problem? Any solutions? Hi all, I have two html file (first.html and second.html) i called the first.html from batch Command file, then the batch file calls the second.html file. what i want is that while loading the second.html it will close the first.html using script. If its a parent then i can use top.close() or parent.close() but its not a parent window. Here no parent file. please help me to do this. Thanks Jay Is there anyway to disable hotlinking on a windows based server? watz wrong i want to choose the radio box and enable the text box otherwise it should be disabled Code: <html> <head> <script> function ena(){ if (document.yes.base[0].checked) {document.yes.one.disabled=false;} if (document.yes.base[1].checked) {document.yes.two.disabled=false;} } </script> <form name="yes"> <INPUT TYPE="radio" name="base" ><font color="red" onclick=ena();> *SUPREME* Pepperoni, spicy beef, mushrooms, green peppers and red onions. </font> <p> <INPUT TYPE="radio" name="base" ><font color="Green" onclick=ena();> *Vegetarian Hot One* Double green chillies, green peppers, red onions and tomato chunks. </font> <p> <input type=text name="one " disabled> <p> <input type=text name="two" disabled> </form> </html> </head> this might be a stupid question, but what would the coding be to disable right click on my page? thanks. There has to be like a 1-line-of-code process for this...anyone know how to do it? hello I have the following code in the same html Code: <script language="JavaScript" src="..........111........."></script> <script language="JavaScript" src="...........222.........."></script> they bot have onclick links, i would like to disable only the first one link. How can i do that ? Thank you Ok I need to dis-able a sign up button for right now, what can I do to it to just disable/remove from everyones view? </tr> <tr class="button"> <td style="text-align: center;" colspan="2"> <div class="buttons" style="font-size: 18px; padding: 15px 10px; margin-left: 10px;"><a href="/sign_up.html" title="Click here to Sign Up Now!">Click here to Sign Up Now!</a></div> </td> ok so, I am currently running a forum (a role playing forum) and i wanted to provide my members with a list of codes for special characters such as ♥ ♠ and the such. (dont know why they dont work here...???) now my problem, rather my question- how would I use ubbc (or html) to disable the html without a huge Code: "code" box cluttering up the screen i want to put it in a table like arrangement like symbol | code (a heart here) (the code for it here) (spade here) (code here) ect ect hi, i have a strange problem. i am using general interface for my application. in that i am using a Date Picker. i need to disable the text box of date picker. i found css class of that text box in gi source. here is the css for text box Code: #JSX span.jsx30datepicker input { z-index: 2; font-family: Verdana, Arial, sans-serif; font-size: 10px; border-style: solid; border-width: 1px; border-color: red; } i couldn't disable the text box in the above css any clues? i have no help from General Interface designer to do so. so i started changing the source of General Interface. u r help is appreciated. Thanks R I have a form that has 3 search fields. If the user types in a value in the 3rd field and hits the Enter key the first submit button is highlighted for the first search field. How do I disable the Enter key and force the user to press the Search button after typing a value in each filed. Also the user only has to pick one field to search by and can leave the other two blank. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <form name="search" action="Index.cfm" method="post"> <p>Enter Product Owner's CWS ID:</p> <input type="text" name="productOwner" value="productOwner" size=30> <input name="productOwnerSubmit" type="submit" value="Search"> <p>Enter GPO's CWS ID:</p> <input type="text" name="gpo" value="gpo" size=30> <input name="gpoSubmit" type="submit" value="Search"> <p>Enter Partial or Complete Application Name:</p> <input type="text" name="application" value="application" size=30> <input name="applicationSubmit" type="submit" value="Search"> </form> Angel </body> </html> hi how can i disable image from my web page. I dont want someone to download my pictures. please advice me I wanted my page appear in such a way that when an index page is loaded the login screen appear and the background is freeze till the login is accepted then the login screen dissapear. How can i achieve this ? I tried looking for similar example but i doesnt seems to be able to find any. i am looking for something similar to this http://www.pageflakes.com/default.aspx |