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 :confused::confused:. Can anyone suggest how to fix it, here is the 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 :)
<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 :)