Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Moving a table to the bottom right of the page.

    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

  • #2
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    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.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #3
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks, i started coding yesterday, for a school page :P:P

  • #4
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    benjbear;1308537]Thanks, i started coding yesterday, for a school page :P:P


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •