|
HTML - Can Two Divs Share One Scrollbar.
The title sums it up pretty much!
I have two DIVs, one on the left the other on the right as follows: css: Code: DIV { bottom: 0px;
overflow: auto
}
#main { position: fixed;
top: 160px;
right: 30px;
left: 270px;
opacity: 0.9
}
#lhs { position: fixed;
top: 160px;
left: 30px;
width: 210px;
opacity: 0.9
}
html: Code: Some titles and stuff.... <DIV id=lhs>menu stuff..</DIV> <DIV id=main>content...</DIV> This works fine but the two scrollbars are ugly and obstruct parts of the site. I would Ideally like one scroll bar to move the entire page or, if not, at least the two DIVs. Would that be possible? Any help would be much appreciated. Similar TutorialsHi, Basically, I am giving away a flash game so under the actual game I have a box with html flash embed so they can add it their site etc. However I also want the html they add to have a share box, so when the game is on their site there is another share box with the html. So basically the share code, has to have the code for the game and the share code. The thing is I can't add the code to the box becuase either i'm an idiot, or its impossible. <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> <!--share box--> <div style="overflow:auto; height:100px; width:440px"> <table cellpadding="0" cellspacing="0" style="width:415px;"> <tr> <td> <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> PROBLEM: share box should go here as well, but I can't add it with out adding the share code, which in turn requires yet another version of the game code. And on and on and on. </td> </tr> </table> </div> Is this even posssible, been trying to figure it out for ages. Thanks When I share my index.html via facebook, I have some stuff into boxes like a descriptions of something, where I can change description? If any1 understand me? I want to edit and add my text by default... Sorry for maybe bad english ;/ Hi board members I've been hard at this for hours and can't get it working. Following the tutorial on facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad Please be advised the facebook links are not positioned where they will finally reside on the page. I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating. The image I want to use is within their parameters and is in my images folder on level above the root. Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste. the lines you are interested in are 11-16; 24-31 and 62 Good luck, Mal from Cessnock Hi All, I am new to html programming. I am having problem in sharing a variable between 3 html pages. I tried googling for the solution but couldn't get the right one. A brief about my problem is... 1. I have 3 html pages, 1.htm, 2.htm & 3.htm 2. I have a variable var1 in 1.htm which is set to 0. 3. 1.htm will open 2.htm and 3.htm 4. 3.htm will update the var1 variable declared in 1.htm to 1 on onunload event. 5. 2.htm will check the status of var1 for value 1, if yes it will navigate to next page. I have pasted the code below for 1.htm, 2.htm & 3.htm respectively. Can anyone please help me in this regard. Thanks in advance. Regards, tux09. ---------------------------------------------------------------- 1.htm -------- <html> <head> <title>main</title> <script type="text/javascript"> var checkPopUpClosed = 0; function delayed_redirect(){ window.open('3.htm','SaveAs','height=250,width=640,resizable=0,directions=0,location=0,toolbar=0,men ubar=0,scrollbars=0'); } </script> </head> <body ><!-- masthead --> <table border="0" cellpadding="0" cellspacing="0" summary="."> <tr><td ><h1>Main</h1></td></tr> </table> <FORM method="post" name="mainForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td class="rightContentPane"> <br><br> <div class="pad10"> <div> <INPUT type="submit" name="Back" accesskey="b" alt="Back" VALUE="< Back"> <INPUT type="submit" name="Finish" accesskey="s" alt="Save As" onclick="javascript:delayed_redirect();" VALUE="Save As"> <INPUT type="submit" name="Cancel" accesskey="c" alt="Cancel" VALUE="Cancel"> </div> </td> </tr> </table> <div> <INPUT type="hidden" name="Hide" VALUE="18489"> <INPUT type="hidden" name="shVariable" VALUE="0"> </div> </FORM> </div> </body> </html> ---------------------------------------------------------------------------------------- 2.htm -------- <html> <head> <title>second</title> <meta http-equiv="refresh" content="5;" /> <script type="text/javascript"> //if (1 == document.mainForm.checkPopUpClosed.value) var temp = 0; if (1 == top.mainForm.checkPopUpClosed) alert("Close received = ");//+document.mainForm.checkPopUpClosed.value); function checkClick() { //temp = top.parent.item.forms("mainForm","checkPopUpClosed"); //temp = parseInt(parent.checkPopUpClosed);//.document.frames.item("shVariable"); //temp = document.getElementById("mainForm"); //temp.parentElement(shVariable); //temp = document.mainForm.checkPopUpClosed.value; alert("temp = "+temp); } </script> </head> <body onclick="checkClick();"><!-- masthead --> <tr><td ><h1>Second</h1></td></tr> <FORM method="post" name="secondForm" > <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td > <div > <table width="200" border="3" cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br/> <h3>Result</h3> <br/> In progress. <br/><br/><br/> </td> </tr> </table> </div> </td> </tr> </table> </FORM> </div> </body> </html> ------------------------------------------------------------------------------- 3.htm -------- <html> <head> <title>third</title> <script type="text/javascript"> function doClose(){ if (window.opener && !window.opener.closed) { window.opener.location.href="1.htm"; } } function delayed_close() { setTimeout("window.close();",7000); } function delayed_Openclose() { delayed_close(); setTimeout ("doClose();", 6900); } function doAbnormal_Close() { var temp2 = 0;// = document.getElementById("mainForm"); top.mainForm.checkPopUpClosed = 1; temp2 = top.mainForm.checkPopUpClosed; //temp2 = open.document.forms("mainForm", "0").checkPopUpClosed = 1; //temp2 = document.getElementById("mainForm").checkPopUpClosed.value; alert("temp2 = "+temp2); //alert("checkPopUpClosed 1 = "+top.mainForm.checkPopUpClosed); //document.mainForm.checkPopUpClosed.value = true; //alert("checkPopUpClosed 2 = "+document.mainForm.checkPopUpClosed); } function checkClick() { var temp3 = 0; //temp3 = if(window.opener.closed); alert("temp3 = "+temp3); } </script> </head> <body onunload="doAbnormal_Close();" onclick="checkClick();"> <FORM method="post" name="thirdForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br /><br /> <h3>Checking</h3> <br /><br /> To submit this request click "Save As" <br /><br /> <INPUT type="submit" name="Save" accesskey="s" alt="ok" onclick="javascript:delayed_close();" VALUE="Save As"> <br /><br /> </td> </tr> </table> </FORM> <script type="text/javascript"> </script> </body> </html> --------------------------------------------------------------------------------------------- I am new to web building and almost done with my first website. There are 2 problems I am having and if they were to be solved I could finish completely. Any help on these two issues would be greatly appreciated. The url the everything is hosted at is hillsidemedicalbilling.com/ if you visit it you will notice what I am referring to. I am trying to place share buttons for some of the social networking sites on the page using custom icons. After 4 days of reading everything I can find on them I have gotten pretty close. It seems the Twitter button is the only one that is actually working, and even then, the title does not post with the link. All of the other ones bring up a page for the right website but it says "this page no longer exists." The second problem I am having is, the google + button will not align correctly (I want it to be centered with what is directly above it), I had the same problem with the facebook "like" button, but was eventually able to fix it by adding padding-left: 48px; to the CSS. After trying this with the google+ buttons, it does not respond. You will see what I have tried as I have left it on the CSS (but deleted padding-left: 58px; that I attempted unsuccessfully). All of the social networking buttons are within <div h2 name="logo"...name="social" Here is the markup I have figured out thus far: HTML Code: <div id="logo"> <h2 class="social"> <a target="_blank" rel="external" href="http://reddit.com/submit=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/reddit_wood.JPG" title="Reddit"/></a> <a target="_blank" rel="external" href="http://twitter.com/home?status=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/twitter_wood.JPG" title="Twitter"/></a> <a target="_blank" rel="external" href="http://www.linkedin.com/shareArticle?mini=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/linkedin_wood.JPG" title="LinkedIn"/><br /></a> <a target="_blank" rel="external" href="http://digg.com/submit?phase=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/digg_wood.JPG" title="Digg"/></a> <img target="_blank" rel="external" src="images/rss_wood.JPG" title="RSS" alt=""/> <a target="_blank" rel="external" href="http://www.stumbleupon.com/submit?url=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/stumbleupon_wood.JPG" title="StumbleUpon"/></a><br /> <div class="fb-like" data-href="http://hillsidemedicalbilling.com/" data-send="true" data-layout="button_count" data-show-faces="true" data-font="arial"></div> <br /> <div class="g-plusone" data-size="small" data-href="http://hillsidemedicalbilling.com/"></div> </h2> <h2 class="member"><a target="_blank" rel="external" href="http://www.nebazone.com/exam.html/"><img src="images/NEBA.JPG" /></a></h2> <h1 class="logo">Welcome To<br /><a href="http://hillsidemedicalbilling.com/"> <img src="images/HMBLogoMed.jpg" /></a></h1> </div> I need an HTML scrollbar that can display HTML of a picture without showing the picture. Any help would be appreciated. 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 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 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. 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 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 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! 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 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!! I'm having trouble setting the background image of this div to be fixed without it messing the image itself up. I've tried fixed, and aligning it but nothing works. Any suggestions? Its the welcome text in brown with the scrollbar. 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 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 |
|||||||