|
HTML - Adding Scrollable Texbox
I'm not sure where this should be listed so I'm starting here -
Here's the website I'm working on - www.drscopesnaturalhealthcare.com - I'd like to add a textbox under the image below the "news" lable that has a scroll bar on it so it can have quite a bit of content in it but remain a constant size. I know I could do this with frames, but I don't want to use frames. I think I can do this with CSS, but I'm not sure how. Is there an easier way or can some one point me to the element to use in CSS? Thanks. cybergrrl Similar TutorialsHow would a make a text box that go's to an URL (even a localhost url) that you type into it? HI: I have a very long table (with 5 columns). I wish to have this table (vertical size="350px") to have a scroll bar on the right-side, so that the user can scroll down thru the table, but yet still see the 'div' below it on the viewport. Suggestions please on a 'scrollable' table. Thanks, -Mel Smith Hi Guys How do I make scrollable divs ? Like the ones in hotmail contacts when writing a new email. I have a Table and I need to have it in some kind of scrollable panel. Is there such a scrollable component? Thanks... Hi all, I'm quite new to webpage development in HTML & using Dreamweaver 8.0. I am trying to put a small scrollable window within the main webpage, so that the text inside this scrollable window can be scrolled vertically without having to scroll the main window up & down. The webpage I'm building is an FAQs. An example of what I mean can be found on the following webpage : http://www.xe.com/ucc/ where the user can scroll vertically to see more currency options. Please refer to my two screen captures where I've shown the code I used & the screen capture from the browser window. I only want the scrollable window to scroll vertical. Much thanks in advance for your expert help. Andrew Hi, I have a div element, that will contain various debug/warning messages from Javascript. If I set it's height to 100%, so to fill the parent element, it overlaps the parent element. How can I automatically set the height, without manually setting the height in pixels? Many thanks for any suggestions. Regards Aaron HTML Code: <div style="border-style: solid; border-width: 3px; margin: 0px; padding: 0px; z-index: 1000; position: fixed; top: 252px; left: 582px; width: 494px; height: 202px; background-color: white; display: block;"> <h1 style="width: 100%; height: 20px; font-size: 12px; display: block; border-bottom-width: 2px; border-bottom-style: solid; vertical-align: middle;"><img src="https://127.0.0.1/beer2/i/clear.png" style="cursor: pointer;" alt="clear"/><img src="https://127.0.0.1/beer2/i/min.png" style="cursor: pointer;" alt="Minimise"/> Debug Window</h1> <div style="overflow: scroll; width: 100%; height: 100%; font-size: 12px; position: static;"> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> <p>test</p> </div> </div> Not sure if this is possible or not, but I created a scroll box, which contains a title and then text underneath it. Is there a way to limit the scrollable area, so the title is always fixed at the top of the scroll box and the text scrolls up and disappears just below the title? If its not possible in HTML/CSS, then how else can I do this? Thanks for your help in advance. Hi everyone, I'm new to this forum so please correct me if I'm doing anything wrong or if this post is in the wrong section. I have a custom template for my website which allows you to scroll down and view my photographs. I would like to keep it this way BUT I would like to implement Google Ads on either sides of my centered content. I want these ads to be stationary even if a viewer is scrolling to the bottom of my site. Is this possible, and even then, is it hard to do? I really appreciate your help. Here is the link to my website if that helps. http://floatingcity.tumblr.com Cheers, Kyle aaaaaaaaaaaaaaaaaaaaaaa Despite reading multiple posts on "scrollable" table cells on the forums, I've not yet quite found the answer to my question, so hopefully I can get some feedback from all viewers out there! I and some friends run a small Catholic arts and crafts website (www.illuminatedink.com) through which we sell products that we create. I've based the page layout on a table instead of frames or iframes. The table has 3 cells in it. The entire top "banner area" of the screen is one cell. Below that on the left we have the naviagation menu cell. The main content that someone is trying to view appears in the remaining lower right cell (also the largest). This page works great on all the computers at my house (3 of them) and on most other computers as well. I have yet to test this in IE 7.0, but if someone else has that browser, please let me know what happens. So, what's the problem you ask? That lower right table cell where all the content appears does not work for everyone. I just got another complaint today that no scroll bar appears and the person can only see what's in the top of cell, there is no "scrollability". Here is a sample (with notes made by me in ** NOTE ** format). The notes are of course not in the actual code, I am showing only the code really matters here. Code: <BODY STYLE="margin-top: 0px; margin-left: 0px">
<TABLE CELLPADDING=0 CELLSPACING=0 HEIGHT=590 WIDTH=1000>
<TR HEIGHT=90>
<TD WIDTH=1000 COLSPAN=2 STYLE="background-image:url('http://www.illuminatedink.com/images/background/banner.jpg')">
 
</TD>
</TR>
<TR HEIGHT=500>
<TD VALIGN=top WIDTH=200 STYLE="background-image:url('http://www.illuminatedink.com/images/background/menu_bar.jpg');background-repeat:no-repeat">
<TABLE ALIGN="center" CELLSPACING=0 CELLPADDING=0>
**Navigation menu on the left side goes here**
</TABLE>
</TD>
<TD WIDTH=800 VALIGN="top">
<DIV STYLE="overflow:auto;height:490px;width:800px;position:absolute;left:200;padding-right:30px; padding-left:0px"><MAP NAME="page_links">
**All code for the scrollable cell in the lower right goes here**
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
So, can anyone possibly tell me why this would have a scroll bar in some browers and not in others? Or does anyone have any code changes I could make that may guarantee that they will get a scroll bar in that lower right cell? The complaints that I have received mainly seem to be from Mac users using IE for Mac. But I just had someone who had a brand new Dell with Windows XP Prof. and the most recent IE 6, which is exactly the configuration I run, but didn't get a scroll bar when I did. Ideas? Thank you! How i create a frame type space( which is scrollable ) similar to seperate window inside a webpage ? Ok Say I Have One Text That Ses 1.5 And I Want To Add 0.5 To IT The Answere Would Be 2.0 Can Javascript Do That Properly I Dont Need To Know How To Do It I Can Manage Just Querious If It Will Add Fractions Before I Start Working On It? hi people, i have this code Code: <tr valign=\"top\"> <td align=\"center\" width=\"1%\"><a href=\"preview.php?id=".$arrayId[$scriptOffset+1]."&ref=browse&offset=".$scriptOffset."\"><img src=\"thumb/".$arrayImage[$scriptOffset+1]."\" STYLE=\"border: none;\"></a></td> <td ><font face=\"verdana\" size=\"2\"><b><i>Nume:<br>Marime:<br>Format:<br>Cat.:</i></b></font></td> <td ><font face=\"verdana\" size=\"2\"><i>".$arrayName[$scriptOffset+1]."<br>".$arraySize[$scriptOffset+1]."<br>".$arrayFormat[$scriptOffset+1]."<br>".$arrayCatagory[$scriptOffset+1]."</i></font></td> <td ><font face=\"verdana\" size=\"2\"><a border='0' href=\"preview.php?id=".$arrayId[$scriptOffset+1]."&ref=browse&offset=".$scriptOffset."\" ><img src=\"images/descarca.jpg\" STYLE=\"border: none;\"></a></font></td> </tr> and i wanna to add an image here can somebody tell me how to add the image in the html code? Can somebody help me figure out how to add another <ul> to my dropdown menu? I can't seem to get another menu item item from 'For Rent' -> 'Holiday' - 'Apartments' -> then here I want to list the locations 'Nerja', 'Torrox' and 'Frigiliana' but I can't get it to display properly. Anyone got any pointers. Html: http://www.for-rent-nerja.com/index_links.html CSS: http://www.for-rent-nerja.com/scripts/index_links.css (the link css is at the very bottom) Cheers Jamie i want it to calulate the total >>>> i have radio box which u can choose three different options i want all these to have a value sumfink like the first check box 10pound and the second 15pound and third sumfink else now i have a quantity box where they can choose they quantity of the check box item they have selected so if they choose the first check box where the item equals to 10pound the quantity should be doubled in the total box yeh has any1 got a code which can help me do this or give me a example that works so example the first check is a big pizza and it already should have a value so wen they click on it the total should read it as 10pound and add it from there to the quantity chosen and then dispaly the total please help ergent Does anyone know how to add a favicon to each of a site's pages using the CSS Style sheet as apposed to putting the code on each page? Okay now I figured that this would be rather simple, though being as noobish at this as I am, I can't figure it out. I simply need a code that adds up prices from 5 different dropdown lists. If you wanna look at these lists just reply. Any help would be appreciated. Hey... I am working on a site for me and my friends, and I have a question. See this website. As you can see I have used imagemapping to link the area where home is written, to bring you back to the frontpage. I would like to know how i could put a textbox or table inside the white square, or possibly a frame linked to the other sites. Code: Here is my HTML coding:<HTML> <HEAD> <TITLE>Calypto Productions Website</TITLE> </HEAD> <BODY bgcolor= "#000000"> <style type="text/css"> </style> <img src="http://calypto-productions.webs.com/atomicfrsteutkastdz0.png" usemap = #example border=0> <map name=example> <area shape=Rect Coords="262, 125 , 406, 170" Href="http://calypto-productions.webs.com/alt.htm/"> </map> </BODY> I created the css below. It is a list that contains my navigation buttons on the left hand side of the page. The buttons work good. Now, I want to add some pictures to the left of the buttons. When I do this a space becomes apparent between the buttons. (top & bottom). I tried adding a layer but like I said it creates a space between buttons. Any help is appreciated. Thanks,. .Blockhead #navcontainer { width: 200px; } #navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; } #navcontainer a { display: block; padding: 3px; width: 160px; background-color: #669966; border-bottom: 1px solid #eee; ; background-image: none } #navcontainer a:link { color: #FFFF00; text-decoration: none; } #navcontainer a:hover { color: #33FF99; ; background-image: none ; background-color: #669999 } #navlist a:visited { color: #CCCCCC; text-decoration: none; Is it possible to add a poll to a html or php site? |
|||||||