Bottom of the Site Images

Dooga posted this at 21:16 — 6th December 2003.

Joined: Dec 2003

I'm wondering how to put say three or four images close together and at the bottom of the page. I tried looking in the code of another page that did it but I wasnt sure how it worked still.

http://www.blizzard.com/diablo2exp/cinematics.shtml is an example.

I use Dreamweaver MX if someone has the directions in that but I can work with the HTML code too. I know to put in tables on the images to make them stick together and such and even If I didn't I know how to combine them in photoshop. But I don't know how to get them to go directly to the bottom of the page.

Thanks

Greg K posted this at 23:01 — 6th December 2003.

He has: 2,145 posts

Joined: Nov 2003

The code from your example page that creates the bottom table is:

<!-- BOTTOM BORDER ----------------------------------------->

<table background="/images/diablo2/bot-back.gif" border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td background="/images/diablo2/bot-back.gif" align=left><img src="/images/diablo2/bot-left.gif" border=0 width=50 height=70></td>
<td background="/images/diablo2/bot-back.gif" align=center><img src="/images/diablo2/bot-mid.gif" border=0 width=352 height=70></td>
<td background="/images/diablo2/bot-back.gif" align=right><img src="/images/diablo2/bot-right.gif" border=0 width=50 height=70></td>
</tr>
</table>

In Dreamweaver, at the very bottom of the page, insert a table, Width=100%, cellpadding=0 and cellspacing = 0, 1 row, 3 colums. The left cell make left justify, the right one right justify, and the middle center jsutify. Give all 3 a background of an image that repeats well and blends in nicely with the left, center and right images.

Note that to get it at the complete bottom and full width, you need to set the body margins up like they do:

<body bgcolor="#000000" text="#cccc99" link="#cccc99" vlink="#aaaaaa" marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>'

(To do this in dreamweaver, got to MODIFY->PAGE PROPERTIES, set the four margin settings to 0)

Hope this helps.

-Greg

PS, {offtopic for the moderators} I jept trying to post this message, and every time got "Error, you can only post 1 message every 30 seconds". This was the first post i tried to do today. I sat around waiting before hitting submit again, still same thing 3 times. So I gave up and was going to try again later. Then i get back to the main listings and find it did post after all?

Suzanne posted this at 00:36 — 7th December 2003.

She has: 5,507 posts

Joined: Feb 2000

Please don't use the topmargin/margintop attributes, they aren't valid and there is a far neater way to do it:

In your CSS:

body {
margin: 0;
padding: 0;
}

Tadah! That's all and it will work on every page you have linked to the CSS file.