HTML - Creating New 3 Column Row Of Table With Same Array Input Names....

Hi everyone

Can you please help. I need to create a 3 column table, left column, content column and right column. I want the left column to have rounded corners. I am having a tough time doing this.

Any help is appreciated

Thanks

Hello everyone! I'm so glad an informative forum like this exists! I'm in Web-115 and was looking for a little help on an assignment as i'm not sure how to do this.

Below are the things i'm struggling with and below it is the code. Any help would be greatly appreciated!


9. "Assign the cell in the top-left corner of the table the id name topLeft. Assign the cell in the top-right corner the id name topRight." Not sure where to insert this into my morning.htm file

13. "add the following styles for the table cells" (not sure where to insert "topLeft, topRight, etc or what to use as id to be indentified in CSS"


HTML Code:

<table class="programs"
summary="Lists the morning programs aired by KPAF from 5:00 a.m. to 12:00 p.m. (central time)">

<caption>All times central</caption>



<thead>
<colgroup>
<col class="timeColumn" />
<col class="daysColumn" span="6" />
<col class="lastColumn" />
</colgroup>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
</thead>


Thanks so much!

Justin Moose

Following proper new-person-at-a-forum etiquette, I've searched for an answer to my question in the archives, and have been unable to find one. So, here goes.

My webapp is uses a bit of asynchronous Javascript and CGI to allow users to change parameters in a serverside povray script (say, colors, positions, textures, etc) to allow users to create custom car designs. The server renders the images realtime and sends them back to the client's browser. What should be the hard part (all of this asynchronous javascript and CGI stuff), I'm having no trouble with. I am having trouble, however, with the scrollbar inputs needed for moving things around (without making users have to type in coordinates).

I attempted to do my scrollbars with overflowing DIVs, such as:

<DIV CLASS="scrollbar" STYLE="width: 230px;" ID="frequency_scroll" onScroll="change_scroll('frequency', 0, 50, 2, true);"><DIV STYLE="width: 2000px;">&nbsp;</DIV></DIV>

Where class scrollbar is:

.scrollbar
{
overflow: auto;
overflow-x: scroll;
overflow-y: hidden;
font-size: 11px;
margin-top: -6px;
}

To break it down, we're creating an outer div that forces a horizontal scrollbar, and an inner div that makes it wide enough that you can actually scroll it. There are several hacks in this code trying to minimize the annoying phenominon that I can't seem to get around: spacing between scrollbars. I've been testing in two versions of firefox for Linux, one older and one newer, although eventually I'm going to need this to be crossplatform.

If I leave out the nbsp in the inner div, in one version of firefox, the scrollbars vanish altogether; it seems to insist that there be content inside. When there is content, however, the scrollbar shifts down on the page significantly to make room for the line with the nbsp, making the scrollbars very spread out and the page very long. My first solution was margin-top: -20px in the scrollbar div; however, the invisible spot it reserves for the line that has the nbsp in it prevents you from accessing the scrollbar above it (and z-indices don't seem to make it accessible). Only the bottommost scrollbar in a group works when you do that, as it's the only one that doesn't have an invisible line of text blocking it. I tried javascript to prevent the user from getting focus on the invisible line, but that didn't help.

I then tried shrinking the font size down, hoping the height occupied by the invisible line would shrink. Unfortunately, when you drop the font size below the height of the scrollbar, the scrollbar disappears for some reason, and there seems to be nothing I can do to force it to stay. I've also tried alternatives, such as scaled invisible images inside the scrollbar div; no luck. Firefox seems to simply refuse to draw the scrollbar on the div unless it can have an invisible area above it of equal or greater size in comparison to the scrollbar itself. The above code -- a font size of 11px and a margin-top of -6 -- seems the closest I can space the bars (about one scrollbar's height between each of them)

I'm trying to figure out what my options are here, and right now, all I'm seeing as possibiltiies is to write my own code in Javascript to generate scrollbars made of inset/outset DIVs and lots of mouse event captures. And I have a feeling that will get ugly.

Anyone have any ideas?

Hello All,

I am new to this, and not sure if this is the right forum.

But, I have a simple web page with drop down menus where I can put values for a calculation. I would like to have the values saved as an input file for a python script that resides on the server. I would like the input file to be created and then the script executed and the output appear as a new page.

I have googled this and have come up empty. Can someone point me in the right direction.

Thanks,
Bryan

Hi:
I would like to present to my users a 3-column table of 'House for Sale' advertisements. This is not a commercial venture but will only be for the use of my Senior Mobile Home Park residents.

Each of the three columns should contain x number of rows with each column cell containing a tiny pic (from a house.jpg file) and underneath the pic would be a few general details of the price, address, agent selling, etc.

The .pic would be clickable and would then bring up a more enlarged picture of the house and complete details of the house for sale.

My first puzzle is how to make this list of rows of advertisements *variable*. I guess I have to 'build' the page in my server according to how many ads are currently active ??

Any first thoughts are welcome.

Thanks,

-Mel Smith