...

View Full Version : Table - image allignment prob



serval
02-11-2005, 11:00 PM
Hi guys, just came across this site whilst looking for help in HTML..

my problem is i have made a splash screen for a site im working on, i have sliced the image into 3 parts, the middle part is set as <td background image, which spans 100%, anyhoo my problem is i want my "banner" to be positioned at the very bottom of my page not the top, i have tried various codes, valign ect, but im kinda havin problems..

any info wud be appreciated, thx in advance..

P.S im an amateur :P:P

:thumbsup:

_Aerospace_Eng_
02-11-2005, 11:07 PM
well we need to see your code for us to give any "real" info

serval
02-11-2005, 11:15 PM
ok this is the code so far, i have removed the valign=bottom code since it never worked..


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spid_splash1_01.gif"></td>
<td background="images/spid_splash1_02.gif" width="100%"></td>
<td><img src="images/spid_splash1_03.gif"></td>

</tr>
</table>

so all im trying to do is position the table at the very bottom of my page, if that helps...

rmedek
02-11-2005, 11:24 PM
hmmmmm...

Well, there's the wrong way to do it, which involves tables and nesting and more... then there's the (or a, there are a few) right way(s), which is what I'm going to give you. If you are a newbie this may look a little wacky.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Untitled</title>
<style type="text/css">

html, body {
height: 100%;
margin: 0;
padding: 0;
}

table {
position: absolute;
bottom: 0;
}

</style>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="100"><img src="images/spid_splash1_01.gif"></td>
<td background="images/spid_splash1_02.gif" width="100%"></td>
<td><img src="images/spid_splash1_03.gif"></td>
</tr>
</table>
</body>
</html>


Since you're just getting started in the web I'd suggest learning from sources that are a little more "up to date," such as:

http://htmldog.com
http://www.w3schools.com

It'll help you get a better handle on the ways to position things and code your pages without having to dive into nested tables and hack markup.

Hope this helps,

serval
02-11-2005, 11:37 PM
thx dude i`ll mess around with that, so this is using CSS, only got into style sheets a little while ago so think i only scratched the surface.

ok thx again....

P.S yeah i use w3schools now and again :P

:thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum