Forum Home
Press F1
 
Thread ID: 23795 2002-08-25 23:50:00 HTML help wanted Chris Wilson (431) Press F1
Post ID Timestamp Content User
73892 2002-08-25 23:50:00 i want to stick a wee thing at the bottom of my page, just a wee "This site hosted on suse 8.0" and a picture of Tux, the Linux penguin. However with differant screen sizes etc i dont want to just put in the right amount of
s and hope. I need to find a way that tells the text
<Stay text.. go on the bottom> text + images </Stay> (good text)
i suspect i would have better luck trying that command with my dog.
Is there a way of doing this using simple html? 		Chris Wilson (431)
73893 2002-08-26 00:50:00 Using Tables this can be done.

you only need to have one table, just make sure that it is set to take up one hundred percent of the width and make sure it goes to the bottom of the page, I think there is a way to do this, will check later and get back to you if no one else answers.

anyway insert the text and images into the cell. make sure that the vertical alignment of the cell tells all the text to go to the bottom.

if no one else answers I will give you the correct coding for this when I go home later today

cheers

:) 		NathanTheKind (472)
73894 2002-08-26 01:36:00 goody, my forte

<body>
<table width="100%" height="100%">
<tr>
<td width="100%" valign="bottom" align="center">what ever you want here</td>
</tr>
</table>
</body>

(there is actually a much tidier way to do it, but it escapes me at the moment :?)

grtz sal.
tga 		sal (67)
73895 2002-08-26 01:48:00 oops, i just realised if this is going to be a page, it would need content, so the code i gave needs a little tweaking...

<body>
<table width="100%" height="100%">
<tr>
<td height="90%" valign="top">insert content here</td>
</tr>
<tr>
<td height="10%" align="center">insert tux here(and he will be centered, or change the align="center" to what ever)</td>
</tr>
</table>
</body> 		sal (67)
73896 2002-08-26 06:17:00 You could use a CSS style tag to create a <div> which is absolutely positioned at the bottom of the page. the you could just place your info inside the <div>

e.g. place this code at the top of the page in the <head> </head> section.

<style type="text/css">
div.bottom
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: auto;
height: auto;
width: 100%;
}
</style>

Then, at the end of your document before the </body> tag place your text and picture between <div class="bottom" align="center> </div> tags.

eg.

<div class="bottom" align="center">Text goes here
TUX GOES HERE</div>

G P 		Graham Petrie (449)
73897 2002-08-26 06:19:00 css is the shiznit! how broad is it browser wise?

grtz sal.
tga 		sal (67)
73898 2002-08-26 06:34:00 Sal, it's supported by most browsers, although the really cool stuf (like fixed positioning to emulate frames) is only supportes by some browsers. Basically, there are only a small no. of things that you can do in css that the browsers don't support.

Click the link below for a set of tables which lists browser compatibility for all css functions (note that some functions are not supported by any browsers yet as CSS is more advnced than the current stable of browsers).

CSS browser support table (www.westciv.com)

NOTE: it has several pages, and you have to click the right arrow on the bottom of the page to get to the rest of it.

G P 		Graham Petrie (449)
73899 2002-08-26 07:14:00 Yep, I'd recommend CSS.

The problem with the 'table' solution is that if the page is long, the user won't see anything until the entire page is downloaded, as browsers don't render a table until the </table> tag is hit. There is a way around this for IE, but CSS is better. :) 		antmannz (28)
73900 2002-08-26 13:03:00 oh, dont worry, i know my 'stuff', just a few things are a bit cloudy :D

grtz sal.
tga 		sal (67)
73901 2002-08-26 16:06:00 antmanns,
The page is very short, so i chose the table solution...

Thanx Sal,
The result is on something.net.nz (http://www.something.net.nz)

........much appreciated, now i feel a bindge of design coming on... i might actually see if i can get some of the stuff on something looking ½ good enough for Tux to front! Dont hold yer breath.. design is NOT my forte. 		Chris Wilson (431)
1 2