HTML - How To Make An Inline Fame That Does Not Have Scroll Bars But Resizes The Parent Page

Hiya, just wondering if anyone can help me fix the scrolling on my uni project.

Here is the link http://clairelaity.site90.com/techniques2.html

, many thanks!

How do i change the color? and "Style" i guess. I have seen it alot, i have been going through alot of source code, but i havent found it yet. I do have a css for my website so if it goes in there, let me know also.

Is there a way to customize those ugly default scroll bars? as they take up quite alot of space when you use them just for a div (with overflow: auto; in the css). So I was wondering if I could possibly make them smaller? (with cross browser support of course)

I'm just wondering, is it possible to stop the main page from scrolling down, and instead, add the scroll bar in the table cell that i want it in.

if it is possible...what is the code i can use to operate this?

help much appriciated... ^-^

Anchieh

Does anyone know what CSS/HTML I need to use so scroll bars are disabled across all the main browsers? I.e. FF2, FF3, IE6, IE7, Safari....

I have the searched the Internet high and low and all I can really find on the issue is abuse from other posters who fail to answer the original poster's question because they think they know best.

Is anyone able to help? Many thanks in advance.

This is an html problem I believe please don't move this to the scripts forums. Long story short, I'm in the process of a making a file explorer, like windows explorer with cgi scripts in python and html code. My one script shows a list of directories and files one next to the other, like this:


The problem is, when there are lots of files and directories, it doesn't move the objects that go past the window to the next line, it just creates a scrollbar.

So my question is, how can I make it move the objects to the next line and remove the horizontal scrollbar?

I am a graphic designer trying to teach myself html, this may be a basic question for you genius's but I need help chaning 2 scroll bars on my page.

I would like to put in fancy, colored scroll bars.. here is the page im working on :
http://www.fashionfreakers.com/samplesite.html any input would be great.

Thanks,


C

Hi, I am very new to HTML and our webdesigners have run off without completing the job properly so I am trying to do it myself.

The problem is with the "News" page of the site which is a tumblr page configured to look like the rest of the site.

Rather than come on here and list all the problems with it I thought I'd tackle one at a time.

The first thing I am trying to achieve is making the area in which posts are not submitted (the header, and the left and right) scroll down with you. So as you scroll down through the posts you can still see the links at the top of the page and on the sides. Is this possible?

Here is the page I am talking about: http://secret-store.tumblr.com/

Thanks for any help guys.

I'm ultra new to html and I made a super basic navigation bar for my page, the problem is when the browser is made small side-to-side, instead of adding a scroller at the bottom and keeping the links in line, it just smashes them up and starts moving them below each other.

How do I change that ?

Here is a link to the page I'm talking about so you can see it.

http://www.neonloveco.com/home


Thanks everyone

Hello dear forum,

This is a big one, and I need some serious help. Have been trying to figure this one by myself, but I just couldn't, so I hope that you can help!

Let me explain:

I have a page with a Header/Menu which is a simple table, and an Iframe (frmMain) with some content.
Here's what I need to do:
onLoad & onResize the frmMain should get re-sized The main scrollbar on the page/window should scroll the frmMain content
Re-size:
The header should always stay 45px in height, but the frmMain should re-size to fill out the page vertically.

Scroll:
The scroll-bar on the main window/page should scroll the content of the frmMain of necessary.

I have made an illustration to try explain my problem:

Hello,

How can I make my parent-scrollbar scroll the iFrame?
I have a page with an Iframe in it, and I don't want the iFrame to have a scrollbar, but I want to be able to scroll the iFrame using the scrollbar of the window/parent!

HOW?

I have already set the HTML overflow-y to scroll, so the scrollbar is always showing.
Now I only need it to control the iFrame.

Please help!

I have this 2 scripts:
1. script Allowed me to make URL switching (new page is opened after 20 sec)
2. script Allowed me a vertical scroll

My Question:
HOW TO MAKE THIS: I WANT EACH SITE TO OPEN AUTOMATICALLY LIKE IN 1. SCRIPT AND TO BEGIN TO SCROLL AUTOMATICALLY AFTER OPENING DURING 20 SEC... THAN SWITCHING TO A NEW PAGE, SCROLLING VERTICALY DURING 20 SECONDS... AND SO FOR EACH SWITCHING WEBPAGE...

1. script:
<html>
<head>
<title>URL Switcher</title>
<script language="JavaScript" src="url_switcher.js">
</script>

<script language="JavaScript">
var i = 0;
var url_array = new Array();
url_array[0] = "http://www.google.com";
url_array[1] = "http://www.codingforums.com";
url_array[2] = "http://www.ebay.com";
url_array[3] = "http://wm2.uvic.ca";

function changeURL(ms) {
document.frames['my_frame'].location.replace(url_array[i]);
i = (i+1)%url_array.length;
setTimeout("changeURL("+ms+")", ms);
}
</script>
</head>
<body style="margin:0px; overflow-y:hidden" onLoad="changeURL(20000);">
<iframe name="my_frame" width="100%" height="100%" border="0" frameborder="0"></iframe>
</body>
</html>

2. script:
<!-- Vertical Scroll
Use this script to automatically scroll the web page when
the user pushes a button
-->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function CoffeeScroll() {
for (I=1; I<=750; I++){
parent.scroll(1,I)
}
}
// End -->
</SCRIPT>

<!-- Put this into the BODY of your webpage -->

<BODY><CENTER><FORM><input type=button value="Scroll Page" onClick="CoffeeScroll()"></FORM></CENTER>

THANK YOU VERY MUCH FOR YOUR HELP

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')">
        &nbsp
      </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!

I have a picture that i set as a background with css using the background-image tag and when i resize the browser the picture resizes but the text i placed on top of the picture gets misaligned.

Here is the code:
HTML Code:

<body>

<center>
<table border="1" width="750" height="600">
<tr height="10">
</tr>


<tr>
	<td valign="top">
		<font face="arial" size="4" color="#808285">
		<p>Hello {$fName} {$lName},</p>
		<p>
		Providing great service begins with knowing what's important to you.
		If you'll answer three simple questions, about service, I'll send you
		The 2008 Walker Report, the definitive research on employee loyalty, 
		absolutely FREE.
		</p>
		</font>
		<center>
		
		<form>
		<input type="button" onClick="onFormSubmit(1)" value="Send the Free Report"></input>
		<input type="button" onClick="onFormSubmit(2)" value="No Thanks"></input>
		</form>
		
		</center>
	</td>
	<td width="290">
	</td>
</tr>

</table>
</center>
</body>

and the css is simply:

HTML Code:

body
{
	background-image:url('flawless.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

Is there a way to make the text resize with the image so it wont get misaligned. Or is there a better more efficient way to do this than what i am doing now. Thanks in advance.

I'm just learning html and css so this might be something basic. But on my site i'm making i have a form inside a table and when you click submit the table resizes and dosen't submit. When you click submit on the resized table it submits. When you submit nothing changes that would make the table resize. I don't know what to do the link to the page is

http://web.ics.purdue.edu/~mlchandl/brittany/index.php

If anyone can help I would appreciate it.

Thanks

Matt