HTML - Problem With Table Layout: Multiple Top & Bottom Sections

I have a table with 2 rows. The table is 100% width and height. I want the bottom row to snap to the bottom. This row in particular has a background image and another table inserted in it (3 columns x 1 row) How can I do this? Please help!! Here is the code (I have tagged in blue colour the row I want snapped to the bottom):

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="leftrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="127" valign="top" background="images/left_top_bg10.jpg" class="imagerepeathorizontal"><div align="left"><img src="images/left_top.jpg" width="117" height="127" /></div></td>
</tr>
<tr>
<td valign="top" bgcolor="#000000"><div align="left"><img src="images/left_middle2.jpg" width="117" height="492" /></div></td>
</tr>
</table> </td>
<td width="790" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="180" valign="top" background="images/menu_bg3.jpg" class="norepeat"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="23" colspan="3">&nbsp;</td>
</tr>
<tr>
<td width="337" height="61"><div align="center"><span class="style2">menu goes here </span></div></td>
<td width="114" height="61"><img src="images/logo3.jpg" width="114" height="61" /></td>
<td width="339" height="61"><div align="center"><span class="style2">menu goes here </span></div></td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</td>
<td valign="top" class="rightrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="127" valign="top" background="images/left_top_bg10.jpg"><div align="right"><img src="images/right_top.jpg" width="117" height="127" /></div></td>
</tr>
<tr>
<td valign="top" bgcolor="#000000"><div align="right"><img src="images/right_middle2.jpg" width="117" height="492" /></div></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" valign="top" background="images/bottom_gradient_blue.jpg" class="bottomfixed">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div align="left"><img src="images/bottom_left.jpg" width="276" height="91" /></div></td>
<td><div align="center"><img src="images/bottom_line.jpg" width="404" height="91" /></div></td>
<td><div align="right"><img src="images/bottom_right.jpg" width="207" height="91" /></div></td>
</tr>
</table></td>
</tr>
</table>

I've been trying to figure out how to get a table that takes up 100% of the screen and has no margins.

I've set all my page margins to 0 and my table width to 100% but I still get no luck.

This is an example of what I am referring to:
http://justskins.com/wpdemo/?wptheme=Webby%20Blue
(the bottom part with recent posts, recent comments, etc...)

Also, I like coding tables, I don't really care for css...

Any help would be appreciated, thanks a lot!

Im trying to creat a border above and beyond a word using inline css but want it go along the length of the whole width of the table.
the table width is 500px.
example
I want this heading to have a bottom border go right across the width not just under it.
<p><span style="font-size:12px;font-family:verdana;line-height:150%;border-bottom: 1px solid #EAEADA; font-weight:bold;color:#24561e;">HEADING1</span></p>
I dont want to add a style sheet.

The above code
Shows up as
HEADING

On every other page, my table around my content works, but on the main page:

http://www.snowwhitedesign.com

there is a lot of white space below my image.

My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths

I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights.

Also, how can I get rid of that small border line running right through the middle of my image?

thanks!

hey,
simple question here i just cant get it to work though.
i want to align some text to the bottom and to the right of a table

<table width="100%" cellspacing="0" border="0" cellpadding="18" height="75%">
<tr>

<td bgcolor="000000" width="10%">
<img src="graphics/spacer.gif" width="100" height="1">
</td>

<td bgcolor="ffffff" width="90%" valign="top">
<h2>Welcome to the Darwin Soccer Clubs Official Website</h2>
<hr color="black">

<p>Here we strive to bring you all the latest news from the club by
keeping you updated on the results from all our games throught out
the season, the roster so you will never forget when your teams, where
your teams playing and who there playing.
<br><br>
Also check out the new <a href="p4potw.html">Player of the week</a>
page to see if you have made
it to number one!</p>

<p align="right" valign="bottom"> THIS IS THE PART I CANT GET TO WORK</p>
</td>

</tr>

i dont no why.. and try not to think about the other writing in the table this is for
my studies i am doing.

cheers
</table>

If I want to make a way to have that table move ends?

Help!

I figured that this was the sort of question that someone with good web knowledge would be able to answer with ease, so thought that this site was the best way to go.

I have pretty basic html skills, and what I do know is self taught. Therefore, my coding isn't great!

basically, I have this site:
www.mallymalcz.co.uk

Which has the same layout for most of its pages, with the same navi bar and background. However, the only way that I could think of achiving this look, was to have multiple pages, with the same code but slightly different content. As a consequence, every time you go to a page, it has to load the whole thing.

I was wondering how I change it so that clicking on a different page will only load 'what has changed' i.e. text, so that the images don't need to load each time and the site is more seamless.
Like for instance, most sites, where the top of the page/navigation remains, but the rest of the content is replaced when links are followed.

Does that make sense?

I wondered whether CSS is the answer (I haven't tried using them yet).



Any help would be greatly appreciated!

I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content.

I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page.

Here's my code: <html>
<head>
<title></title>
<link rel=stylesheet type="text/css" href=stylesheet.css>
</head>
<body topmargin="0px" bottommargin="0px">

<center>

<table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px">

<tr><td>

<center>
<img src="logo.png"></a>
</center>

</td><td>

<center>
<b><big>Name</big></b>
<br>Address
<br>Address
<br>Phone & Fax
<br>License
</center>

</td><td>

<center>
<img src="logo.png"></a>
</center>

</td></tr>

<tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px">

<center>

<img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif">

<p><b><big>Welcome!</big></b></p>

<p>Content</p>

</center>

</td></tr>

</table>

</center>

</body>

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

Please help. This is what I have so far http://bartletagency.com/m/x2.php

Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars

if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00

how can i do this please?

here is the code I have which made up the PHP file i linked you to above.


code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Lesson 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
if ($_SERVER['REQUEST_METHOD'] != 'POST'){
$me = $_SERVER['PHP_SELF'];
?>
<h1 align="center">Business Cards</h1>
<form name="form1" method="post" action="<?=$me?>">
<table border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td align="right" valign="middle">Quantity:</td>
<td><select name="Quantity: ">
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10,000">10,000</option>

</select>
</td>
</tr>


<tr>
<td align="right" valign="middle">color</td>
<td><select name="color">
<option value="blue">blue</option>
<option value="green">green</option>

</select>
</td>
</tr>

<tr>
<td align="right" valign="middle">3</td>
<td><select name="3">
<option value="small">3-1</option>
<option value="medium">3-2</option>

</select>
</td>
</tr>


<tr>
<td> </td>
<td><input type="submit" name="Submit"
value="Send">
</td>
</tr>
</table>
</form>



<?php

} else {
error_reporting(0);
// initialize a array to
//hold any errors we encounter
$errors = array();
// test to see if the form was actually
// posted from our form
$page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
if (!ereg($page, $_SERVER['HTTP_REFERER']))
$errors[] = "Invalid referer<br>\n";
// check to see if a name was entered

if (count($errors)>0) {
foreach($errors as $err)
echo "$err<br>\n";
echo "<br>Please use your browser's Back button to fix.";
} else {
// no errors, so we build our message
switch($_POST['color']){
case 'red':
$recipient = 'mathew420@gmail.com';
break;
case 'green':
$recipient = 'mathew420@gmail.com';
break;
case 'blue':
$recipient = 'mathew420@gmail.com';
break;
default:
$recipient = 'mathew420@gmail.com';
}
$subject = "Widget On Line Order";
$from = stripslashes($_POST['Name']);
$msg = "Message sent by $from\n";
$msg.="\nSize: ".$_POST['size'];
$options=$_POST['options'];
$msg.="\nOptions:";
if ($options)
for ($i=0;$i<count($options);$i++)
$msg.= "\n- $options[$i]";
else
$msg.="\n- None";
$msg.="\nColor: ".$_POST['color'];
$extension=($_POST['extension'])?"Extension: Yes":"Extension: No";
$wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No";
$deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No";
$msg.="\n$extension\n$wallmount\n$deskmount";
$msg.="\n".stripslashes($_POST['MsgBody'])."\n";
if (mail($recipient,$subject,$msg)){
echo "<p>Thanks for your order!</p>";
echo nl2br($msg);
} else
echo "An unknown error occurred.";
}
}
?>
</body>
</html>




thanks so much

Hi Guy's,

First time poster and newbie designer.

I am trying to put a three column template together for a content site, I want to have the text in the middle, nav on the left and adsense on the right hand column.

Problem is that I simply can't get the elements to align correctly, when I add the text, the images on the left and right are pushed down to the middle of the left and right columns and if I push up the left image using text and white space it pushes the text in the middle column out of alignment!!!

It's incredibly frustrating and I have tried lots of alignment settings to get it to work but I can't and I am sure I am just missing some real basic things.

Please can you look at the page and help me to find what I am doing wrong

http://www.blueballoonshopping.info/3colprob.html

Thanks

Im creating a site using a table based layout.
I have one table and many different cells. I also have a lot of different content. The problem I'm having is when I put a picture inside a cell, it screws up the entire layout. It doesn't stay "still", it just affects all the other cells.

I always have this problem, yet can't find a solution.

I designed a page using tables with background images to create borders around photos. Click here to view the page. The page renders correctly in Firefox, but does not in IE7. The lower right hand corner border of the photo in the 2nd and the 4th testimonials is off track for some reason. I double checked all of my widths and they are consistent. Can someone please tell me what I'm missing. Thanks in advance for your help!

SEE IMAGE

How can I get these two tables on the same row? Do they have to be in one whole table altogether? Or can they be separate tables. At the 'mo they're different tables.


Thanks