The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Full page header

Go down

Full page header Empty Full page header

Post by ifureadthisdie 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?
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

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

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

I really need this.
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

screen shot?
avatar
Guest
Guest


Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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.)
Full page header Capture
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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.
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

Post by Guest 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;
avatar
Guest
Guest


Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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...
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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.
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

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

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

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

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

http://www.thespritas.com

Back to top Go down

Full page header Empty Re: Full page header

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

hmm try:
Code:

#banner {
  width:100%;}
avatar
Guest
Guest


Back to top Go down

Full page header Empty Re: Full page header

Post by ifureadthisdie 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..
avatar
ifureadthisdie
Forumember

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

http://www.thespritas.com

Back to top Go down

Back to top


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