The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Full page header

View previous topic View next topic Go down

Full page header

Post by ifureadthisdie on July 24th 2010, 4:20 am

My website will be going under a huge redesign and we've set the week for planning to this week, and already have begun testing and brainstorming.
Anyway, i want a header on the site that fits widely fully on the screen. As in it ends and begins where your screen ends and begins. Realizing that many people will have bigger or smaller computers I've come up with a good way to keep it correct for everyone, just make it reasonably long enough keeping all the best detail in the center where 99% of users visiting the site would be able to see with ease. The rest would just be background filler. However. We've discovered that making it a little long causes the scroll bar to come up and this will be very annoying. Is there anyway to disable that pesky scroll bar?

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 24th 2010, 4:40 pm

Not a single reply? Please i really need this help. It's really holding us back.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 26th 2010, 12:02 am

I really need this.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by Guest on July 26th 2010, 1:11 am

screen shot?

Guest
Guest


Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 26th 2010, 7:19 am

@Gangstar15 wrote:screen shot?
Why? I don't really think it's needed. The question is if there is a way to disable the horizontal scroll bar OR an alternative to keeping the header the way i wanted without worrying about it being too wide for someone else's computer. I figured it could be possible by making the header part of the actual BG, but I'm skeptical about it.
but if you really need a screen shot here. (Mind you, that's not the legitimate site, it's a test site, we're testing all the designs and layouts etc on it before implementing it to the real website at the moment we've only been worrying about the layout first, hence why this header problem is really holding us back.)

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 26th 2010, 7:38 am

Oh right.
Where it says "not the real deal...yet" is where the header would go. I removed the test header in the picture because it was annoying having to scroll left and right.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 26th 2010, 11:32 pm

Here is a website i got heavy inspiration from. The header, I want it to fit just like that. http://whatport80.com/Main_Page

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by Guest on July 26th 2010, 11:38 pm

Hmm this can be done with css, but i dont know the code the banner in CSS. but if you find it then just add this code to it :
Code:

position: fixed;

Guest
Guest


Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 26th 2010, 11:40 pm

@Gangstar15 wrote:Hmm this can be done with css, but i dont know the code the banner in CSS. but if you find it then just add this code to it :
Code:

position: fixed;
It's time like this i wish i could commit time to learning HTML and/or CSS...

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 27th 2010, 7:11 am

Anyone know the banner code in CSS? I would be so grateful you'll finally take away the barrier holding me back.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 28th 2010, 2:56 am

Please for the love of god.
If this information helps, the header is actually the "logo" image.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 29th 2010, 9:26 pm

If i can only somehow change the width to 100% it'll be perfect...but how.

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

Re: Full page header

Post by Guest on July 29th 2010, 9:39 pm

hmm try:
Code:

#banner {
  width:100%;}

Guest
Guest


Back to top Go down

Re: Full page header

Post by ifureadthisdie on July 29th 2010, 10:16 pm

@Gangstar15 wrote:hmm try:
Code:

#banner {
  width:100%;}
Negative. Maybe..if instead of having it uploaded directly from the image manager in the logo section. I embed the picture up there somehow as a table type perhaps (or not if it does not matter) making the width 100%. Or maybe I'm just crazy..

ifureadthisdie
Forumember

Male Posts : 83
Reputation : 0
Language : English
Location : New York

http://www.thespritas.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum