Moving a table to the bottom right of the page.

benjbear · 01-24-2013, 07:17 PM

Hello, I have got a problem, I have got a background image and resized it using a table, I now need to move the "flags" table/links to the bottom right of the page (for any monitor size) but I am having difficulty doing it

. Can anyone suggest how to fix it, here is the code:

Code:

<html>
	<head>
	<title>index</title>
	</head>
	
	<body>
	<div>
		<table cellspacing=0" cellpadding="0">
			<tr>
				<td>
					<img id="bgimage" src="images/titre.jpg" />
					<div id="content">
						<table>
							<tr>
								<td><a href="v_francaise.html">
								<img src="images/fr.gif" alt="drapeau 1" width=200px height=100px />
									</a>
								</td>
							</tr>
							<tr>
								<td><a href="english.html">
								<img src="images/uk.jpg" alt="drapeau 2" width=200px height=100px />
								</a>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</div>
	<style>
	body, html { margin:0; padding:0; height:100%; width:100%; }
	#bgimage {position:fixed; left:0; top:0; z-index:1; height:100%; width:100% }
	#content {position:fixed; left:1400;top:500; z-index:70; height:100%; width:100%}
	</style>
	</body>
	
</html>

Thanks in advance, benjbear

jerry62704 · 01-24-2013, 07:56 PM

You are going to get a lot of responses to this. The #1 thing that will be said is "don't do that". Don't format web pages by using tables. Their purpose is to hold related data. To position things on a page you should use css. It's purpose is to place things on a web page (and style it of course).

If you don't know CSS, go here: http://www.w3schools.com/css/default.asp
for a free tutorial. That will be enough to do what you want, but if you are adventurous then go here: http://www.w3schools.com/css3/default.asp

Here are some of the key things to look for:
1) div
2) float
3) positioning/width

You will build your page in boxes (div) that automatically can adjust themselves to their content. So you might have one div for the entire page, one for the top headings, one for the side (or top) navigations, one for your normal stuff and one on the bottom of the page for your footer stuff.

benjbear · 01-24-2013, 08:17 PM

Thanks, i started coding yesterday, for a school page :P:P

benjbear · 01-24-2013, 08:18 PM

benjbear;1308537]Thanks, i started coding yesterday, for a school page :P:P