Be a Supporter!

Footer

  • 470 Views
  • 12 Replies
New Topic Respond to this Topic
HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Footer 2005-06-28 22:33:07 Reply

I need to have a small footer at the bottom of a site I'm working on, and I can't figure out where any html script to do this would be.

I don't need any fancy stuff, just a bar running across the bottom of the pages, so if my site were a dark green I'd like a lighter green bar footing my site(with a small grey line sepperating the two colors), a bar kinda like the one I'm about to attach.

I'm sure there's several ways to do this, I'd like to hear a few.

Footer

omega3D
omega3D
  • Member since: Mar. 27, 2004
  • Offline.
Forum Stats
Member
Level 04
Blank Slate
Response to Footer 2005-06-28 22:50:03 Reply

Hm... I dont understand. Ask again in different words.

Ravens-Grin
Ravens-Grin
  • Member since: Jun. 3, 2003
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-29 02:00:55 Reply

Well, you can basically put a table at the bottom of the page that has a different background color....

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-29 02:40:14 Reply

At 6/29/05 02:00 AM, Ravens_Grin wrote: Well, you can basically put a table at the bottom of the page that has a different background color....

I thought about doing that, but I only want the top to have the grey line sepperating things, and I want it to fit perfectly in the screen without changing the scroll bars.

Also, after testing it out and figuring it could be a last resort, it leaves gaps between the page and itself. I need something that fits itself perfectly in there.

http://chokeonalie.com/mail.html

There's an example of what happens. I don't want those gaps.

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-29 02:43:23 Reply

At 6/29/05 02:40 AM, HollywoodHero wrote: http://chokeonalie.com/mail.html

There's an example of what happens. I don't want those gaps.

Scroll down, I added too many <br> things

Jessii
Jessii
  • Member since: Feb. 10, 2005
  • Offline.
Forum Stats
Member
Level 36
Movie Buff
Response to Footer 2005-06-29 07:55:45 Reply

At 6/29/05 02:43 AM, HollywoodHero wrote:
At 6/29/05 02:40 AM, HollywoodHero wrote: http://chokeonalie.com/mail.html

Don't use a table, use a div layer...the only problem is that if you want to do it that way, you have to compensate for those who have higher screen resolutions.

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-29 10:57:01 Reply

At 6/29/05 07:55 AM, Jess42882 wrote: Don't use a table, use a div layer...the only problem is that if you want to do it that way, you have to compensate for those who have higher screen resolutions.

Can I get details on how to fo that?

I'm pretty retarded with this stuff.

Jessii
Jessii
  • Member since: Feb. 10, 2005
  • Offline.
Forum Stats
Member
Level 36
Movie Buff
Response to Footer 2005-06-29 20:51:20 Reply

At 6/29/05 10:57 AM, HollywoodHero wrote:
At 6/29/05 07:55 AM, Jess42882 wrote: Don't use a table, use a div layer...the only problem is that if you want to do it that way, you have to compensate for those who have higher screen resolutions.
Can I get details on how to fo that?

I'm pretty retarded with this stuff.

This is a basic layer, you can add borders and edit this code in other ways (it's much easier to see where it goes if you use an editor, but you can also add scroll bars and everything so that the top layer stays in place and scrolls and your menu is underneath and it stays put. Since I really don't know what you want to do, I'll let you play with it.
[div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 0px"][/div]

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-30 01:47:32 Reply

At 6/29/05 08:51 PM, Jess42882 wrote: [div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 0px"][/div]

Think you may have written that wrong? It's not doing anything when I try to figure out what it does.

I'll look up what that stuff is, but if someone can explain it more clearly while I'm doing so, that'd be great.

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-30 02:09:08 Reply

Okay, I figured out a (very little)little about div layers.

Now, how can I get it to be on the bottom of the page instead of the top?
I could mess with it's positioning numbers, but that'll just get messed over in different browsers and screen resolutions way too easy.

Also, when I make it wide enough to become a footer, it stretches the page so that I have scroll bars for viewing the sides. I don't much like those. Is there a way to cancel out scolling side to side while keeping the up and down scrolling?

I've yet to test an image for the footer, so I may still have those border problems like earlier.

HollywoodHero
HollywoodHero
  • Member since: Jun. 10, 2005
  • Offline.
Forum Stats
Member
Level 05
Blank Slate
Response to Footer 2005-06-30 05:16:58 Reply

Okay, I figured out a simple way to get what I want done.

Thanks anyways for the help, I found a way to make the table method work just peachy.

Jessii
Jessii
  • Member since: Feb. 10, 2005
  • Offline.
Forum Stats
Member
Level 36
Movie Buff
Response to Footer 2005-06-30 08:26:50 Reply

Since you figured it out, I won't say anything. It's hard to put "footers" on webpages because to me, they make no sense.

Freakapotimus
Freakapotimus
  • Member since: Jun. 22, 2000
  • Offline.
Forum Stats
Member
Level 19
Blank Slate
Response to Footer 2005-06-30 10:21:55 Reply

A List Apart has a very good article about footers and CSS.


Quote of the day: @Nysssa "What is the word I want to use here?" @freakapotimus "Taint".