|
HTML - Scroll Bar Disable
1. 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? Similar TutorialsHello 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> 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! 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.. Is there anyway to disable hotlinking on a windows based server? 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? 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>
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> 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 Does anyone know how to disable the textbox on an input control? I want to force the user to browse for a file, not let them enter it manually. hi how can i disable image from my web page. I dont want someone to download my pictures. please advice me is there a way that i can disable view source? 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, I want to disable images from my web page.So people can not download from my website. Wat should i do please advice me i am novice 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 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 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 all, I have a very simple html file with table rows/columns. I implemented a feature where if you click once anywhere in a row, the row becomes 'highlighted' (modify the background color). The problem, and the thing I want to eliminate, is that the specific character/word that you click on also becomes highlighted. How can you keep the system from highlighting words/characters that you click on? I hope this is an easy one. Thanks, Bill HTML Code: <html>
<head>
<script type='text/javascript'>
var currentRow=-1;
function SelectRow(newRow)
{
for (var i = 1; i < 4; i++)
{
var cell=document.getElementById('cell_'+newRow+','+i);
cell.style.background='#AAF';
if (currentRow!= -1)
{
var cell=document.getElementById('cell_'+currentRow+','+i);
cell.style.background='#FFF';
}
}
currentRow=newRow;
}
</script>
</head>
<body>
<table border=1>
<tr>
<td onclick='SelectRow(1)' id='cell_1,1'>cell1_1</td>
<td onclick='SelectRow(1)' id='cell_1,2'>cell1_2</td>
<td onclick='SelectRow(1)' id='cell_1,3'>cell1_3</td>
</tr>
<tr>
<td onclick='SelectRow(2)' id='cell_2,1'>cell2_1</td>
<td onclick='SelectRow(2)' id='cell_2,2'>cell2_2</td>
<td onclick='SelectRow(2)' id='cell_2,3'>cell2_3</td>
</tr>
Hey guys! On the site I'm working on, I have made overflow:hidden, scrollbars:none, and body scroll=no. It works fine. But when I press and hold the scroll wheel on my mouse to scroll left and right (Middle Click Scrolling), it actually scrolls. How do I disable middle click scrolling? This is my first post here so I apologize if I've done something wrong. Thank you! EDIT: It also scrolls when I use the arrow keys! Help |
|||||||