HTML - Link Scrolls Page Under Header

I'm having some trouble with the two scrolls. How do I align them to match up to the picture?

This is my code:
HTML Code:

<table border="0" cellpadding="0" cellspacing="0" width="700" height="700" background="http://img255.imageshack.us/img255/220/noridfg4.jpg">
<tr>
<td width="36"></td>
<td width="354" valign="bottom">

<div style="overflow: auto; height: 398px; width: 290px; padding: 0px; border: 1px black solid">

</div>

</td>

<td valign="bottom">

<div style="overflow: auto; height: 292px; width: 220px; padding: 0px; border: 1px black solid; margin-left: auto;">

Write text here

</div>

</td></tr><tr>

<td height="80"></td>
<td></td><td></td></tr></td></tr></table>

i have an html form that uses javascript to calculate the total price of gift cards. when i use a button for submit, everything is peachy. when i use an image to submit, the form races to the top and shows the top line of the page.

the text is enclosed within a div tag that has a set height with auto as the overflow command. i removed the height and overflow, thinking that the enclosure was causing this. nope! same thing happened.

this is the submit code:

<input type="image" src="images/buttons_contact_calculate.gif" onclick="calcard(this.form)"><input type="text" name="totalprice" size="8"><br><input type="image" src="images/buttons_contact_reset.gif" name="reset" />

the javascript code is this:

function calcard(form) {
$totalprice = 0;

if(form.card_twentyfive.checked==true){
twentyfive = (25 * form.twentyfive_no.value);
}
else {
var twentyfive = 0;
}

form.totalprice.value = twentyfive + fifty + seventyfive + onehundred + twohundred + ".00";
}

As indicated in the last line, there are five if statements including the twentyfive statement shown here for an example.

the css is this:

.text_box {
position: absolute;
top: 280px;
left: 0px;
width: 100%;
z-index: 15;
}

.text {
position: relative;
left: 0px;
top: 0px;
width: 473px;
height: 406px;
overflow: auto;
padding: 0px 30px 0px 503px;
font-size: 13px;
font-family: "arial";
font-weight: normal;
line-height: 150%;
letter-spacing: 0px;
text-align: justify;
color: #FFFFFF;
z-index: 5;
}

any ideas about what is going on?

Hello everyone! I've got a pretty strange problem. I have a div with overflow: hidden and it works fine in all the browsers except Safari. In Safari, if you have a Macbook, you can scroll the contain of the div using two fingers. However, there is no problem like this on the iTunes site. Here is my code:
HTML Code:

<div style="width: 480px; height: 320px; overflow: hidden; position: relative">
    <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" />
    <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" />
    <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" />
    <img src="http://new.yogamen.net/uploads/games/crazy/4.png" style="float: left" />
 </div>

I have a web page that has a gap between the main content page (lower) and the header piece(upper) and I can't figure out how to close this gap. If you're interested in taking a look at it. Here's the code and i've attached an image for a visual aid.

Thanks.

Code:

<table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' table valign='top' align='left' cellpadding='0' width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td>
<link href='custom.css' rel='stylesheet' type='text/css'>

<td id='menu' align='left' valign='top' rowspan='500' width='165'>
<br>&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/bullet.gif' alt='' width='10' height='10'><A href='index.php?command=signup_page'><font color='DDCEA2'><font face='Arial' size='2'>Sign Up</font></A>
  <br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/bullet.gif' alt='' width='10' height='10'><a href='faq.html'><font color='DDCEA2'><font face='Arial' size='2'>FAQ</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/bullet.gif' alt='' width='10' height='10'><a href='legal.html'><font color='DDCEA2'><font face='Arial' size='2'>Terms of Use<br></a>

<form method='POST' action='index.php'>
<input class='field' type='hidden' name='command' value='account'>
<input class='field' type='hidden' name='param' value='signup'>
</form>

<tr><td>&nbsp;</td></tr>

<td valign=top colspan='2' class='pageTitle'><div class='hLine'><b>&nbsp;&nbsp;&nbsp;&nbsp;<font face='Arial' color='#EE7600' size='3'>Select The Payment Button Below To Continue</b></font></div></td></tr>
 <td class='fieldLabel' width='30%'>&nbsp;&nbsp;&nbsp;&nbsp;<font face='Arial' color='#A30100' size='2'><b>Transaction Type:</b></font></td>

<td align='left' class='text' ><b>[account_type_title]</b></td>
 </tr>
 <tr>
  <td class='fieldLabel' width='30%'>&nbsp;&nbsp;&nbsp;&nbsp;<font face='Arial' color='#A30100' size='2'><b>Price:</b></font></td>
  <td align='left'  class='text' ><b>$&nbsp;[price]</b></td>
 </tr>
 <tr>
  <td class='fieldLabel' width='30%'>&nbsp;&nbsp;&nbsp;&nbsp;<font face='Arial' color='#A30100' size='2'><b>Subscription Period:</b></font></td>
  <td align='left'  class='text' ><b><font face='Arial' color='#000000' size='2'>[period]</b> (month)</font></td></tr>
 <tr valign='top' height='55px' '>
    <td valign='top' class='fieldLabel' width='30%'>&nbsp;</td>
    <td valign='top'>&nbsp;<p><font face='Arial' color='#000000' size='2'>[payment_code]</font></p></td>
 </tr>
<tr><td>&nbsp;</td></tr><tr><font face='Arial' color='#000000' size='2'></font>
 <tr height='30%' ><td colspan='2'><div class='hLine'>&nbsp;</div></td></tr>
</table

HI
I have a .htm file in which i dynmically insert the data. Now wht i want that i want to put header and footer in each print page of thta html file , dynmically thoroght VB.NET Code.

The header and footer can contail , the company logo, Title of page and so on.

can u big boss please tell me how can i do this.

Thanks

I want to update the header/footer on each page of the site I'm working on without having to manually edit every single page. So I've been told to use sitetools - in that folder is a file called "makesite" in which I input all the pages that I want these changes to be on. Then I login thru PuTTy, an SSH client, and type in these commands: "cd sitetools" and then "makesite." Except when I type in "makesite," it says "Command not found."

I've never dealt with sitetools before - I just took over the webmaster job for my professor as a (VERY) part-time gig so all I ever do is edit, I don't know a whole lot beyond basic HTML.

If anyone can offer me any guidance, I'd really appreciate it!

Ok, I've tried everything I can think of, and I'm still getting a 'jumping header':\

The header is jumping from the Homepage, to the SubPages. When navigating to other Subpages, everything is fine; So, the problem is with the Homepage.

http://www.khaus.com/sites/Asongo/html/
(click on About Us, then back to Home, and you'll see the 'jump')

It must be in the code of the Homepage, so I've tried:
- attaching the javascript
- all the code for the top parts of the page are the same
- rebuilding the page, with one of the interior pages format.

Any help or suggestions, would be greatly appreciated.
Thank you
Reply With Quote

Hi,

This is my site:

http://www.theticketsguide.com

I want to know how to add text, buttons, images, etc to my home page header without adding it to my header on all other pages of my site. So, something similar to this:

http://www.coveractionpro.com

I'm using Wordpress's Thesis theme.

Thank you very much,

Brandon

When I view my main page, it looks fine.
It is centered on the screen with some background space
between the top of the screen and the top of the web page.
And has background space to the left and right.

But when I select the sign-up link which is basically:
http://www.website.com/index.php?command=signup_page

When the sign-up page is viewed, it has moved up to the top of the screen
and loses the top part of the header border.

How can I get it to view exactly like the home page?

To experiment I went to the css file and changed the top margin from 50px to 500px. It only effected the home page, didn't effect the sign-up page at all.

Code:

body {
	background-color: #6B6B6B;
	text-align: left;
	margin-top: 500px;

What do you suggest I do to keep the top of the sign-up page from being cut off? Thanks.

I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page.

Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible.

The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got.

How does one achieve that?

Both images were hosted by ImageShack.

I barely understand all that myself! My knowledgebase is a little above zero.

Thanks in advance,

MD.

How to link one page to another page in HTML?

------------------------------------------------------

Hello,

Can someone tell the code to make something like this page. It has the boxes right in the middle with the link code inside the box.

http://www.myspacearcade.com/page/2.html

I just want to make the box with the link inside the box.

I have been trying everything possible, going from pillar to post on the internet, trying to work out how to link to another page in my folder.

I basically have a folder called "webpage". In that folder is index.html & products.html.

in the index.html codes, i have put tabs so i can link to other pages. 1 tab is called products. I have entered in:

<div class="mybutton">
<a href="products.html">
<center>
<button style="width:160;height:24; background-color:#97cfc3">Products
</button></a><br> </center>
</div>


but it just says... "THIS WEB PAGE CANNOT BE FOUND".

any help would be drastically appreciated!!!

I just launched this new site, www.dvbenefits.net , and I need link to an external form with Aetna.

Here is the issue... I'd like for people to land on:

(PAGE B) https://ips.aetna.com/Retail/Quote/QuoteInfo.aspx

HOWEVER it needs to come from the below page to be "tagged" to my comissions. (you can see my name in the lower right side)

(PAGE A) https://ips.aetna.com/Retail/Home_Lo...d=kvW7H2/Zx1M=

I am loosing clicks do to this extra step. Is there a script that I can put on my site that can tell (PAGE B) that the visitor is comming from my ID (PAGE A) without having to land on (PAGE A)?

Can anyone advise on how I can do this?

Thanks!

is there any way i can link to the current displayed page. for example:
Code:

<a href="/">root</a>

would link to the root domain.
is there something similar i can use?

thanks