HTML - How To Add A Bottom Border

Hi, i have a bar at bottom of the page.
It uses ul, li for menus., but i want to have 2 menu items at the left side of it and 2 items at the right side of it.

My html code:
HTML Code:

<div id="nav_menu_wrapper">
        <div class="nav_menu"><ul>
                <li><a href="#">Varsler</a><a href="#">Chat</a></li>
            </ul><ul>
                <li><a href="#">Varsler</a><a href="#">Chat</a></li>
            </ul></div>
</div>

My css code:
Code:

#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:25px; /* fix bar's height */
	width:98%; /* use 100% of width */
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:fixed;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}

	#nav_menu_wrapper .nav_menu { /* the menu itself */
		height:25px; /* fix bar's height */
		width:98%; /* fixed width */
		
		margin-left: auto;
		margin-right: auto;
		
		/* add effect */
		background-color:#EEEEEE;
		border:#666666 solid 1px;
	}
	
	/*
	 * menu links and link effects
	 */
		#nav_menu_wrapper .nav_menu ul {
			margin-top: 5px;
			list-style:none;
		}
		
		#nav_menu_wrapper .nav_menu li {
		    display:inline;
		}
		
		#nav_menu_wrapper .nav_menu li a {
			padding-top:5px;
			padding-bottom:5px;
			padding-left:10px;			
			padding-right:10px;
			border-right: 1px solid #666;
		}
		
		#nav_menu_wrapper .nav_menu a:link, #nav_menu_wrapper .nav_menu a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
			text-decoration:none;
			background-color:#EEEEEE;
		}

		#nav_menu_wrapper .nav_menu a:hover {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			background-color:#666;
		}

Both of the menus appears at the left side of the menu.

Hello.

I would like to have:

<table>... (at top)
<table>... (in the middle)
<table>... (at absolute bottom)

All <table>s have <td>s in theme.

I can acchive that in one browser at a time, but simply can't acchive it so it would work in most browsers (Firefox, Opera, IE...).

I would be very grateful for your help.

Thank you!

-gavio

I am a novice when it comes to html and can't figure out why there is a gap at the top and bottom of my web page in Mozilla? In AOL browser it is ok.

http://www.nomoreheartdiseaseandstrokes.com

Thanks

FF view perfect but IE8 I have a huge blank at the bottom..

See attachment or view http://www.koperasiloan.com.my and scroll bottom with IE8

On the following page, i am trying to align the freewebs button in the bottom corner of the page:
http://www.freewebs.com/jaceyanimation/

i can only figure the align right, so when i want it in the bottom corner of the page, i'm having to add alot of <br>'s.

Is there a way the make a vertical wrapper, and align it that way?

How do I make a table look like it's top and bottom go off the screen, like a solid bar down the middle of the screen. Instead of
(with green being the table) it looks like
.
Thanks all.

I know this is something simple, but I can't remember how its done. But how can I have a form go to the bottom of a page? I'm making a chat, and everything works fine. Except whenever you submit something it goes back to the top of the page. So how do I force it to the bottom?

http://wantedfraternity.webs.com/officerschat.html

At the very bottom of my page I've got a gap...and I cant seem to see whats causing it. I had this problem before on another page, but I was able to fix it. This one I just cant seem to.

Now the grey background is suppost to go all the way down, but its got a black spot stopping it now. Any help on what is causing it I'd be greatful. Thanks

I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible?

Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html


Here is the html code for the new page I am trying to edit:

<html>
<head>
<title>Stock Traders Press :: 2011 Performance</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

.style3 {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style4 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.style11 {font-size: 10px}

.style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.numbersbody {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-align: center;
}
.datebody {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-align: right;
}
.tickerbody {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-align: left;
}
.style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
-->
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="20%" height="19">*</td>
<td width="20%" height="19">*</td>
<td width="20%" height="19">*</td>
<td width="20%" height="19">*</td>
<td width="20%" height="19">*</td>
</tr>
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td colspan="5">
<table width="89%" border="1" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td valign="middle" bgcolor="#FFFFFF">
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td colspan="5"><img src="/stp_logo.gif" width="363"
height="42"></td>
<td>*</td>
<td><span class="style3">2011 Performance</span></td>
</tr>
<tr>
<td colspan="2"><a href="/members/welcome.php">Go Back
</a></td>
<td colspan="5"><span
class="style4">************************** </span></td>
</tr>
<tr>
<td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011
</span></td>
</tr>
<tr>
<td colspan="7"><span class="style4">By purchasing an
equal amount of every stock, you would have had an average
gain of 9.41%</span> </td>
</tr>
<tr>
<td width="87">*</td>
<td width="115">*</td>
<td width="80">*</td>
<td width="79">*</td>
<td width="197">*</td>
<td width="140">*</td>
<td width="175">*</td>
</tr>
<tr>
<td colspan="2" class="style15">Closed Positions </td>
<td>*</td>
<td>*</td>
<td>*</td>
<td>*</td>
<td>*</td>
</tr>
<tr bgcolor="#CCCCCC">
<td>
<div align="center">
<strong><span
class="style17">Stock</span></strong></div>
</td>
<td>
<div align="center">
<strong><span class="style17">Date
Bought</span></strong></div>
</td>
<td>
<div align="center">
<strong><span class="style17">Date Sold
</span></strong></div>
</td>
<td>
<div align="center">
<strong><span class="style17">Time Held
</span></strong></div>
</td>
<td>
<div align="center">
<strong><span class="style17">Price (Recommended)
</span></strong></div>
</td>
<td>
<div align="center">
<strong><span class="style17">Price (Sold)
</span></strong></div>
</td>
<td>
<div align="center">
<strong><span
class="style17">Profit/Loss</span></strong></div>
</td>
</tr>
<tr> <tr bgcolor="#E6FFFF">
<td class="tickerbody">GT</td>
<td class="numbersbody">01/05/2011</td>
<td class="numbersbody">04/29/2011</td>
<td class="numbersbody">114 Days</td>
<td class="numbersbody">$12.69</td>
<td class="numbersbody">$18.20</td>
<td class="numbersbody">43.42%</td>
</tr>

<tr bgcolor="#E6FFFF">
<td class="tickerbody">CMG*</td>
<td class="numbersbody">07/08/2011</td>
<td class="numbersbody">08/18/2011</td>
<td class="numbersbody">41 Days</td>
<td class="numbersbody">$325</td>
<td class="numbersbody">$285</td>
<td class="numbersbody">12.36%</td>
<td class="numbersbody">*Cover of a Short position</td>
</tr>

<tr bgcolor="#E6FFFF">
<td class="tickerbody">GT</td>
<td class="numbersbody">09/06/2011</td>
<td class="numbersbody">10/24/2011</td>
<td class="numbersbody">2 1/2 months</td>
<td class="numbersbody">$11.11</td>
<td class="numbersbody">$13.58</td>
<td class="numbersbody">24.46%</td>
</tr>

<tr bgcolor="#E6FFFF">
<td class="tickerbody">OLN</td>
<td class="datebody">10/04/2011</td>
<td class="numbersbody">10/27/2011</td>
<td class="numbersbody">23 Days</td>
<td class="numbersbody">17.17</td>
<td class="numbersbody">$21.37</td>
<td class="numbersbody">24.46%</td>
</tr>

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 have a div that contains multiple items which I need to have aligned to the bottom of a page when printing. How can I accomplish this?

Hi, i have tables on my site at the top, middle, right,left etc... but I can't seem to get one to stick at the bottom of the page, it just stays underneath the other page info, i want it to go right to the bottom....

any ideas? thanks

I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top.

I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code:

HTML Code:

<table cellspacing="1" cellpadding="2" border="1">
<tbody></tbody></table><table border="6">
<tbody><tr>
<td><b><center>Player</center></b></td>
<td><b><center>G</center></b></td>
<td><b><center>PA</center></b></td>
<td><b><center>AB</center></b></td>
<td><b><center>R</center></b></td>
<td><b><center>H</center></b></td>
<td><b><center>HR</center></b></td>
<td><b><center>RBI</center></b></td>
<td><b><center>BB</center></b></td>
<td><b><center>SO</center></b></td>
<td><b><center>SB</center></b></td>
<td><b><center>BA</center></b></td>
<td><b><center>OBP</center></b></td>
<td><b><center>SLG</center></b></td>
<td><b><center>OPS</center></b></td><b>
</b></tr>
<tr>
<td align="middle">Corey Hart</td>
<td>60</td>
<td>221</td>
<td>194</td>
<td>34</td>
<td>61</td>
<td>10</td>
<td>31</td>
<td>21</td>
<td>35</td>
<td>15</td>
<td>.314</td>
<td>.391</td>
<td>.531</td>
<td>.922</td>
</tr>
<tr>
<td align="middle">Carlos Lee</td>
<td>76</td>
<td>331</td>
<td>292</td>
<td>41</td>
<td>85</td>
<td>13</td>
<td>60</td>
<td>24</td>
<td>30</td>
<td>4</td>
<td>.291</td>
<td>.341</td>
<td>.503</td>
<td>.844</td>
</tr>
<tr>
<td align="middle">Corey Hart Projected</td>
<td></td>
<td></td>
<td>294</td>
<td>51</td>
<td>91</td>
<td>15</td>
<td>46</td>
<td>31</td>
<td>52</td>
<td>22</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
</tr></tbody></table>

Hi there everyone. First time post here.

I am trying to keep a footer at the bottom of my page. The problem is if I don't have enough content to fill up the whole page, the footer is not at the bottom of the screen. I am using tables for my format.

My site:


http://www.keystonestatistics.com/zzz.php
Check the source.

Thanks in advance for the help!