HTML - Dynamically Repositioning Footer

I have a input form i.e:
Code:

<tr>
  <td>Enter Salary:</td>
  <td><input type="text" name="text1" /></td>
</tr><tr><td>
<input type="button" name="button1" value="Submit" onClick="func(this.form)" />
</td></tr>

This takes a input,and user clicks submit and it does some processing....
But I want to take multiple entries from the user before he clicks the submit button.But I dont know how many times he will enter data..so how to display the text field multiple times dynamically????

I have a table grid whose contents are vast insomuch a horizontal scrollbar is displayed to see the entirety of the text. This text resides in <td> tags. Now, what I want to do is not clip the text inside the <td> tags but word wrap. I thought maybe I could use table-layout:fixed and set the width of the <td> tags. It eliminates the scrollbar, but it clips the text. Is there a way I can word wrap text inside <td> tags? I tried using overflow, but that didn't work.

Any help would be really appreciated.

Hello,

I am using this script

http://www.frontiernet.net/~bambam00.../tooltip_e.htm

to have some text appear on top of my images at:

http://www.greekconcierge.com/group.php

I need a function which can correctly calculate the coordinates in the "FIX" element of that script so that the tooltips are positioned correctly for different screen resolutions.

I suppose the function will need to find the center of the screen and then use relative positioning.

any ideas?

thanks,
Andy

Hello, I want to add rows and columns on click. So, i have a table with columns and rows and I had a add and remove button. So I want the user to be able to add/remove more rows if they have multiple inputs/outputs.

So what I want is when the user clicks on add.png, I want another row of Input and Description to appear underneath the current one.

Here is my code..

HTML Code:

<img src="images/add.png" width="15" height="15" align="right" >
    <div class="open">
    
    <table width="200" border="0">
  <tr>
    <td class="propertyCol">Input:&nbsp;</th>
    <td class="propertyCol"><input class="text ui-widget-content ui-corner-all" value="" style="width:210px"></input></th>
    <td class="propertyCol">Description:&nbsp;</th>
    <td class="propertyCol"><textarea name="" cols="45" rows="1" class="text ui-widget-content ui-corner-all"></textarea>&nbsp;</th>
    <td class="propertyCol"><a href="javascript:removeElement();" ><img src="images/remove.png" alt="" width="15" height="15" /></a>&nbsp;</th>
  </tr>
</table>
    <table width="200" border="0">
  <tr>
    <td class="propertyCol">Output:&nbsp;</th>
    <td class="propertyCol"><input class="text ui-widget-content ui-corner-all" style="width:200px"></input></th>
    <td class="propertyCol">Description:&nbsp;</th>
    <td class="propertyCol"><textarea name="" cols="45" rows="1" class="text ui-widget-content ui-corner-all"></textarea>&nbsp;</th>
    <td class="propertyCol"><a href="javascript:removeElement();" ><img src="images/remove.png" alt="" width="15" height="15" /></a>&nbsp;</th>
  </tr>
</table>
</div

Hi,
I am creating a multilingual website and would like to know how I can assign name to sumbit button dynamically rather than hard-coding it in the html page.

<input type='submit' value=' MyButton '>

Is there a way I can assign the value of the button in a javascript variable and call that from html page.
(or)
Is there a way I can call a javascript method that can assign a value to this button.

I have a html form drop down menu, and I wanted to increase the line height dynamically on load of drop down. How can I achive this?
Thanks in advance.

I'm trying to make a little secret santa auto-emailer thing for my family. I've run into a bit of a problem with some html.

I'm trying to superimpose each persons christmas list over the image of a scroll, so it's like it's written on the scroll. (Corny, I know, but it's christmas!)

The problem is when people have wishlists that are too long. Attached are two images to illustrated:

This is how it should look: Good.

but this is what happens when their list is too long: Bad.

I'm using tables to do it right now, but I'm open to whatever (except maybe CSS. If it's easy I could, but otherwise I'm a noob).

My current approach was to divide the image into 9 sections, put each section into a cell in the table, and superimpose the text over the top of the center cell. (I know I could've divided it into fewer images, 3 probably, I will if I have to reupload the images).

Here's the code I'm using right now:
Code:

<table border="0" cellpadding="0" cellspacing="0">
	<TR><TH><img src="http://img380.imageshack.us/img380/9459/101zx7.png">  <!--top left image-->
	<TH><img src="http://img208.imageshack.us/img208/9360/102xj5.png"><!--top center image-->
	<TH><img src="http://img368.imageshack.us/img368/3449/103xh4.png"><!--top right image-->
	<TR height="446"><TH><img src="http://img368.imageshack.us/img368/5594/104du5.png"><!--middle left image-->
	<TH width="311" background="http://img368.imageshack.us/img368/5290/105ql2.png"><!--center image-->
		{The Christmas List Goes Here}		
	<TH><img src="http://img368.imageshack.us/img368/3397/106iv7.png"><!--middle right mage-->
	<TR><TH><img src="http://img201.imageshack.us/img201/5362/107xc4.png"><!--bottom left image-->
	<TH><img src="http://img224.imageshack.us/img224/1498/108jd6.png"><!--bottom center image-->
	<TH><img src="http://img526.imageshack.us/img526/8285/109br7.png"><!--bottom right image-->
</table>

I don't need anyone to code it exactly for me, just point me in the right direction. I'm fine with modifying the images so there's a section that can be repeated without looking bad. I'm just not sure how to dynamically "grow" the scroll as the list gets longer.

Can anyone help me?

This is the website I'm working on:

http://glacurh.nacurh.org/GLACURH2011/

I cannot, for the life of me, get a footer put below everything with a thin, solid border on it with text aligned in the middle. The footer width, including the border, should be 800x40. The background color should be #FABF8F.

Please help! I don't know what I'm doing wrong!

You all rock!

The footer on my webpage stays with the bottom of the window - now when I make the window smaller, the footer moves with the window and then stays there, when I scroll down, the footer stays in the middle of the text. WHAT'S WRONG?

Please have a look:
http://www.stainless-expert.com/new/index.php

Thanks

Chris

Hi, im trying to create a footer that sticks to the bottom of my page and stays there. Please help, im sorta new with this, html/css stuff, I have tried many of the codes that i have searched on google. Any other ways? Please tell me. Thanks

I couldn't find my footer anywhere on my page, when I copied a footer from another page of mine, it put the footer in the wrong place and I can't get it to go back to being a footer instead of part of the content box.

Please help!

I'll having issue on my page, I want to insert a footer for the copyright of this page but I cannot figure out what or how could I insert a footer to my css code and html code.

Code:

body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFAFA;
}

a:link {
color: #1C1C1C;
text-decoration: none;
}     /* unvisited link */
a:visited {
color: #1C1C1C;
text-decoration: none;
}  /* visited link */
a:hover {color: #0099CC}   /* mouse over link */
a:active {color: #0099CC}   /* selected link */

 
.seperators {color: white}/* Navigation selector */
#nav {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#nav  a:link {
color: #FFFFFF;
text-decoration: none;
}     /* unvisited link */
#nav  a:visited {
color: #FFFFFF;
text-decoration: none;
}  /* visited link */
#nav a:hover {color: #0099CC}   /* mouse over link */
#nav  a:active {color: #0099CC}   /* selected link */


/* menu*/


/* left column  */
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#left  .searchengine {
  width: 180px; 
  margin: 10px;
  background: #DCDCDC; 
  padding-bottom: 4px;
  padding-top: 4px; 
  border-bottom: 0.5pt solid RGB(0,0,0);
  }
#left img {width: 180px; margin: 10px;}
#left .leftbox {width: 180px; margin: 10px;}
#left .leftbox .leftheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#left .leftbox .leftheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#left .leftbox .leftboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

/* middle column  */
#center {
  position: absolute;
  top: 155px;
  width: 543px;
  margin-left: 230px;
  margin-right: 230px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #C8C8C8 ;
  }
#center .middlenav{
width: 543px;
height: 20px; 
background: #A80000;
border-bottom: 1.5pt solid #D2B48C;
}
#center .middlecontent{
width: 543px;
}
#center .middlecontent .title{
position: relative; 
font-size: 12px;
font-weight: bold;
text-align: left; 
margin: 5px;
background: #D3D3D3;  
color: #708090;
border-top: 1.5pt solid #A80000;
border-bottom: 1.5pt solid #A80000;
}

#center .middlecontent .content{
position: relative; 
margin: 5px;
font-size: 10px;
text-align: justify;  
text-indent: 5px;
}


/* right column  */
#right {
  position: absolute;
  right: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#right .rightbox {width: 180px; margin: 10px;}
#right .rightbox .rightheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#right .rightbox .rightheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#right .rightbox .rightboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

And here the actual output/page





I want the footer to be like as my header just a rectangular, please someOne help me with this.

Hello HTML experts. I need someone's help urgently. I am trying to obtain the header & footer html of my site. I know I'm supposed to go to VIEW SOURCE and whatnot....but then when I get there I get stuck as I do not understand this html stuff........

Please help me......

My site is dishnetworkoffers.net

i have a problem in a footer that if the content of the page did not fill the all the page
the footer will not be in front of the status bar'

but it is not working well on firefox and internet explorer in the same time]
so how i can put the footer above the status bar in the pages that not contains alot of data???

to see what i mean plz open this link in internet explorer and firefox th see the difference

http://www.graphicano.com/john/index.htm
with css:
.bodydwn {
background-image: url(images/body_dwn.jpg);
padding-left: 280px;
font-size: 10px;
vertical-align: middle;

}

and

http://www.graphicano.com/john/index2.htm
with css
.bodydwn {
background-image: url(images/body_dwn.jpg);
padding-left: 280px;
font-size: 10px;
vertical-align: middle;
width: 100%;
position: absolute;
bottom: 0px;
}