HTML - Html Help A Box Is Driving Me Crazzy

Hi all, I have a problem that I think is simple but is making me go insane.

I have a HTML email service that sends me email from my google blog without having top give my email address out. The problem is that it doesn't fit into my google blog. What I want to do is just to take the boxes and put the labels in myself, which is not a problem, but I need to know what part of the HTML makes the buttons work. Any help would be greatly appreciated, for my sanity more than anything else!:


<form method="post" action="http://www.emailmeform.com/fid.php?formid=68804" enctype="multipart/form-data">
<INPUT TYPE=hidden NAME=FCode VALUE="5bb5hnjb">


<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td>
<font face="Verdana" size="2" color="#000000"></font>
<div style="" id="mainmsg"> </div>

</td>
</tr>
</table>

<br>

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Your Name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="20"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Your Email Address</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="20"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="20"><div style="position:absolute; top:343px; right:1582px;"><b>Tip: How to create web forms</b><br>Ever needed to create web forms for your website? We recommend Emailmeform, a service that helps you <a href="http://www.emailmeform.com">create web forms</a> easy in a few steps. No need to learn HTML or PHP!</div> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="40" rows="15"></textarea><br> </td>
</tr>

<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>

</form>

Iv been creating an ebay listing on Frontpage, the pictures iv added to the page have been from my pc, next I click on the CODE tab at the bottom, I copy all the code, then I go into turbo lister and click the HTML tab, I paste the code in, then I click on preview, the pics are not there, just a little red x in the corner.

So Im thinking I should upload the Pics from my PC onto my server, (uk2) aswel as the whole file, in uk2 on the panel it shows EDIT HTML, it has all the pics there! then I click the CODE Tab and copy the code and pasted the code back into turbo lister, same thing, no pics again. Most of the time I figure these typs of things out before I get help, and this was is a real brain teaser! The filename is ebaylisting1, also it says the the file is a firefox Document

Please Advise, thank you

I am hoping someone with "fresh" eyes will be able to spot why I have a 1 pixel space pushing the bottom of my table down. It's a project I inherited, so it's not my code, but it should be obvious to me as to why it's not formatting correctly (but for the life of me, I cant see it). Anyone?

Top part of code (if it's of any use):
Code:

<table border="0" cellpadding="0" cellspacing="0" bordercolor="0">
  <tr>
    <td width="453" valign="top" background="images/homeBackground.jpg" class="BackNoRepeat">&nbsp;</td>
    <td width="742" align="right" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="300" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="2"><img src="images/topLogo.jpg" width="300" height="128" /></td>
              </tr>
              <tr>
                <td align="left" valign="top"><img src="images/imgOpening.jpg" width="163" height="124" /></td>
                <td align="right" valign="top"><img src="images/rolloverMenu1.jpg" width="137" height="20" /><br />
                  <a href="recipes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/homeRecipesBTN_ov.jpg',1)"><img src="images/homeRecipesBTN.jpg" alt="Recipes" name="Image15" width="137" height="28" border="0" id="Image15" /></a><br />
                  <a href="nutrition.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/homeNutritionBTN_ov.jpg',1)"><img src="images/homeNutritionBTN.jpg" alt="Nutrition" name="Image16" width="137" height="25" border="0" id="Image16" /></a><br />
                  <a href="webstore.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/homeWebstore_ov.jpg',1)"><img src="images/homeWebstore.jpg" alt="Web Store" name="Image17" width="137" height="36" border="0" id="Image17" /></a><br />
                  <img src="images/home3.jpg" width="137" height="15" /></td>
              </tr>
            </table></td>
          <td width="442" background="images/mainBackground-right.jpg"><table width="441" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="441" align="left" valign="top"><img src="images/topRight.jpg" width="442" height="71" /></td>
              </tr>
              <tr>
                <td><table width="442" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="235"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0','width','235','height','135','id','opening animation','align','','src','images/home','quality','high','bgcolor','#FFFFFF','name','opening animation','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images/home' ); //end AC code
</script>
                        <noscript>
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="235" height="135" id="opening animation" align="">
                          <param name="movie" value="images/home.swf" />
                          <param name="quality" value="high" />
                          <param name="bgcolor" value="#FFFFFF" />
                          <embed src="images/home.swf" quality="high" bgcolor="#FFFFFF"  width="235" height="135" name="opening animation" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
                        </object>
                        </noscript></td>
                      <td width="207" rowspan="2"><img src="images/main-top-right1.jpg" width="207" height="181" /></td>
                    </tr>
                    <tr>
                      <td height="47"><img src="images/main-top-right2.jpg" width="235" height="46" /></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>

this is where the space happens...and then the following code:
Code:

        <tr>
          <td colspan="2"><img src="images/home5.jpg" width="742" height="69"></td>
        </tr>
        <tr>
          <td colspan="2" align="left" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="224" align="left" valign="top"><img src="images/home6.jpg" width="224" height="57" /></td>
                <td width="251"><form action="" method="post" >
                    <table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="29%" align="right">Username:</td>
                        <td width="34%"><input name="textfield" type="text" size="15"  style="font-size:.75em"/></td>
                        <td width="37%" rowspan="2"><input type="image" name="imageField" src="images/loginBTN.gif" /></td>
                      </tr>
                      <tr>
                        <td align="right">Password:</td>
                        <td><input name="textfield2" type="password" size="15" style="font-size:.75em"" /></td>
                      </tr>
                    </table>
                  </form></td>
                <td width="267" align="right" valign="top"><img src="images/home7.jpg" width="267" height="57" /></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <div id="greenLineBack"></div>
      <div id="footer">&copy; Copyright 2007. All Rights Reserved.<img src="clear.gif" width="50" height="1"/><a href="#">RECIPES</a> | <a href="#">NUTRITION</a> | <a href="#">WEBSTORE </a></div></td>
    <td width="454" valign="top" background="images/mainBackground-right.jpg" class="BackNoRepeat2">&nbsp;</td>
  </tr>
</table>

I have stared and stared and STARED at my code, but I cannot figure out where the stray equal sign (=) comes from on this page. It shows up centered on the page between the "Log out" and the "Team"

Maybe another set of eyes can help. Thanks in advance.

Jo

http://www.bocachristian.org/preview/_pages/stray.php

my website www.palmettogoldandsilver.com looks fine on safari, and firefox.. but on internet explorer my links are not centered, and my background image for my body div tag is not showing up.

Hi,

I apologize if I'm posting in the wrong forum.

I've been trying to find out what I'm doing wrong for 5 days now with the contact form on the site I'm working on. So please help me out.

i'm using the AJAX contact form from http://www.dustindiaz.com/ajax-contact-form/ I've used it on at least 5 other site and they work grate, however on the site I'm working now I had so many issues, first I could not align it up, then somehow I fixed that, now that everything looks good, when u fill in the info in the form and click "send email" the whole form jumps of the site to the right. I just dont know why? I cant see why ?

I've been using this form on 5 other sites and the work Grate, except this site http://www.sadmir.com/DEMOS/ae2/contact.html

Please look at it, try it, and help me out if you can ....


Thank you

I am trying to create a table that looks like the following:
_____________
|_______|____|
|___________ |
|___|________|

Here is the code I am using:

HTML Code:

#mainTable {
	width: 100%;
	padding: 0;
	margin: 0;
}

#headerLeft {
	padding: 10px 0 10px 10px;
	width: 606px;
}

#headerRight {
	margin-top: 25px;
	text-align: right;
	white-space: nowrap;
}

.orangeBar {
	margin: 0;
	padding: 0;
	font-size: 8px;
	background-color: #FFC342;
}

#navCell {
	width: 225px;
	vertical-align: top;
}

#contentCell {
	width: auto;
	vertical-align: top;
}
<table id="mainTable" border="1">
  <tr>
      <td id="headerLeft" colspan="2"><img src="images/logo.gif" width="596" height="60" alt="Our Logo" /></td>
      <td id="headerRight">Nav Links</td>
  </tr>
  <tr>
      <td colspan="3"><p class="orangeBar">&nbsp;</p></td>
  </tr>
  <tr>
      <td id="navCell">Nav</td>
      <td colspan="2" id="contentCell">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a sem. Integer mattis justo eu nunc.</p>
      </td>
  </tr>
</table>

For some reason, the Nav cell in the last row is taking on the width of the image in the first cell, even though I want it to be 225px wide. I want the table to be the width of the page (100%).

Anyone have any ideas? I know it can be done by nesting two tables, I was just trying to avoid that. Thanks!

Just a quick edit, I added a bg color to headerLeft. Then I tested my code with the image removed, and the layout works they way I want, but as soon as I put it back, it is messed up again! The bg color I added confirms that the cell is the same size with and without the image.

Hello All,

I've been having trouble with this table because I have interior cells adding to the confusion. I've included the current code, what you will see is three item images with their descriptions on the right side. You will also see a "view cart" button on the far right of the page.

What I want is a simple 2 row 2 column set up for all four components. "Item 1" in the TOP LEFT cell. "Item 2" in the Bottom Left. The "view cart" feature in the TOP RIGHT cell. And finally "Item 3" in the BOTTOM RIGHT cell. I know I only need a few <td> or <tr> lined up in the right place but I've tried everything.


THANK YOU IN ADVANCE!!!!


<!--// Document Style //-->

<style>
.product-image { border:none; }
.product-title, .product-price, .product-shipping { font-weight:bold; }
.data-cell { padding:0px 50px 0px 10px;vertical-align:top}
.align-cart { padding-left:280px; top:30pt;}
</style>

<!--// Document Table //-->

<table class="data-cell">
<tr class="product">
<td><img
src="images/stainless_thumbnail.gif" width="65" border="0" align="absmiddle" class="product-image"/></td>
<td class="data-cell">
<div class="product-title">
<div align="center">Item 1 Name</div>
</div>
<div class="product-price">
<div align="right">Price: $10.00</div>
</div>
<div class="product-shipping">Shipping: $3.00</div><br/>
<div class="googlecart-add-button"></div>
</td>
</tr>

<tr class="product">
<td><img
src="Item2_image.jpg" width="65" border="0" align="absmiddle" class="product-image"/>
</td>
<td class="data-cell">
<div class="product-title">
<div align="center">Item 2 Name</div>
</div>
<div class="product-price">
<div align="right">Price: $10.00</div>
</div>
<div class="product-shipping">Shipping: $3.00</div><br/>
<div class="googlecart-add-button"></div>
</td>
</tr>

<tr class="product">
<td><img
src="Item3_image.gif" width="66" border="0" align="absmiddle" class="product-image"/>
</td>
<td class="data-cell">
<div class="product-title">
<div align="center">Item 3 Name</div>
</div>
<div class="product-price">
<div align="right">Price: $10.00</div>
</div>
<div class="product-shipping">Shipping: $3.00</div><br/>
<div class="googlecart-add-button"></div>
</td>
</tr>
</table>

<!--// Document Script "View Cart" //-->

<script id="googlecart-script" type="text/javascript"
src="http://checkout.google.com/seller/gsc/v2/cart.js?mid=xyz"
currency="USD"
post-cart-to-sandbox="fale">
</script>

Hello,

I've been trying to eliminate an unwanted vertical scrollbar on the following website:

http://www.sneezemag.com

I want to keep the horizontal scrollbar. The codes I have inserted seem to work for IE but none work for safari.

The page is framed and I have been searching for solutions but none seem to work. Most of the postings regarding unwanted scrollbars in safari are old now so was wondering if anyone can help me on this.

Thank you,

nic

Hello everyone.

I am having the worst time trying to figure this one out. I created a site for a hair salon and every time the page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below.

Thank you so much for taking the time to read this.

http://www.erizzo.net/studiod/index.html

I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found.

How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP

Thank you all in advanced!!

My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--
New Perspectives on HTML and XHTML 5th Edition
Tutorial 2
Case 2

Fiddler Home Page
Author:
Date: 2-16-2011

Filename: home.htm
Supporting files: fiddler.jpg

-->
<title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title>
</head>

<body>
<div>
<img src="fiddler.jpg" alt="Fiddler on the Roof" />
<hr />

<a href="home2.htm"><img src="home.jpg" alt="home" /></a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a>
<a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a>
<a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a>
<a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a>

<br />

<a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a>
<a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a>
<a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a>
<a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a>
<a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a>
<a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a>
</div>
<hr />

<div>
<img src="slide1.jpg" alt="slide1" />
</div>
<blockquote>
<p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p>
</blockquote>

</body>

</html>

As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ?

Many thanks

Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right.

I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas?

Hi everyone,

I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically.

I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right?

I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time.

Any suggestions or advice would be very greatly appreciated.

Regards

Allan