|
HTML - Bottom Menu Not Aligned At Absolute Bottom
I'm attempting to insert a image map menu at the bottom of each page, however for some reason there is a 2-4 pixel gap between the menu and the bottom of the table and I can't figure out why.
Here is the URL: http://www.knockoutwebsites4u.com/LSC/index.html Thanks for your help in this matter. Similar TutorialsHi I just creating a website skin I have upload he http://autismnetwork.jatos.co.uk/skin/skin.html I need to get rid of that irritating little gap between the bottom of the logo image and the bottom of the logo DIV. if anyone could show me some code thats does that, it'd be much appreciated. Thanks, Jamie 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. http://www.posnickplus.com/testsite The navigation should display below the content on the page as it does correctly in Firefox on both a mac and pc and Safari on a mac. In IE, however, the nav links appear at the top. Functionality still works, just the positioning is off. Should be a simple fix, I just can't figure it out. THANKS! 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 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? 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? 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 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 How do I add a simple black border to the bottom of these headers: header1 and header2? thanks. Code: <TR valign=middle height=20> <TD class=header1><IMG src="/smusermanager/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=header2> </TD> </TR> Look at: http://realcrazyestate.com/ So in FF there always seems to be this little bit of white space below the flash video... and only in FF, I can't figure out why it is there... Any ideas, specifically on how to get rid of it? Thanks! How can I automatically add the same top and bottom to all my pages ? Should I use an authoring tall such as Dreamweaver (using templates) ? 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> 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! Hi All, I'm putting together a table for each item description in a list of products. I'm having trouble getting rid of some blank white space at the bottom of the column... I'm not sure why it insists on being there. Does anyone have any suggestions? Here is the page in question: http://www.nrs.to/phpbuild/product.php The table is just the photo of the desk, it's title, description, qty, etc. The next table down is the other item - forklift with the pretty photo. The blank white space I'm talking about is just below where it says: QTY: 1. I don't want the item description to be down so far below that. I posted the the code below for one of the the tables. Thanks so much, Todd <table cellpadding="7" cellspacing="0" border="0" align="center"> <tr> <td colspan="3" width="800"> <hr> </td> </tr> <tr> <td rowspan="2" align="right" valign="top" width="218"> <img src="inventory/100000a1.jpg" /> </td> <td valign="top" width="103"> ITEM#: 100000<br />QTY: 1 </td> <td valign="top" width="451">Oak Laminate Desk </td> </tr> <tr> <td colspan="2" valign="top" width="552">This desk has a very nice oak laminate finish. It is in very good condition.<br />Dimensions: 5' wide x 30" deep <a href="productdetail.php?id=100000"><span class="smallfont">Photo detail / more info</span></a> </td> </tr> </table> got this working. thanks everyone. 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 |
|||||||