7 replies [Last post]
bb_devil
bb_devil's picture
Offline
newbie
Utah
Last seen: 9 years 33 weeks ago
Utah
Timezone: GMT-7
Joined: 2012-11-13
Posts: 2
Points: 3

I'm making my first full website for college and I want to make a header exactly like KSL.com
I have the image for the background already, but if you resize your window browser, you will see that the image centers until the logo (which is part of the image) reaches the left margin, then it stops.
And also the image extends beyond the edges on the sides (the parts with the gradient on the left and the right)

I hope I made myself clear, because frankly I don't know how to describe it. Just take a look at it and resize the window, you will understand.

Thanks

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 20 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

bb_devil wrote: I'm making my

bb_devil wrote:

I'm making my first full website for college and I want to make a header exactly like KSL.com

Why? Do you want to be sued? Copyright applies to websites too, you know.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

bb_devil
bb_devil's picture
Offline
newbie
Utah
Last seen: 9 years 33 weeks ago
Utah
Timezone: GMT-7
Joined: 2012-11-13
Posts: 2
Points: 3

No, I just want to make the

No, I just want to make the header behave like that website, not copying or anything worth of being sued.
I guess I shouldn't have to use the word "exactly". My bad.

Thanks for the advice tho.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 20 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Well, we're not a free "code

Well, we're not a free "code it for you" site. Try it and see what you come up with, then if it doesn't work post the code, all of it, both html and CSS or even better a link to your page. We learn best and fastest by trying and failing.

I is really quite simple to do this kind of layout, if I recall it correctly. A few lines of simple semantic html will do. Be sure to use a proper standards triggering Doctype declaration. And keep your code clean and simple. Do the html as simply as possible. Then use css to do the look and feel.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

derb
Offline
newbie
Last seen: 9 years 33 weeks ago
Timezone: GMT+1
Joined: 2012-11-15
Posts: 6
Points: 7

Hey check the position:

Hey
check the position: absolute; statment. That should be the key to your header Smile

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 20 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

derb wrote: Hey check the

derb wrote:

Hey
check the position: absolute; statment. That should be the key to your header Smile

Please NO!!!!!!!

Absolute positioning leads to more problems on this forum than nearly anything else and is NOT NEEDED for the effect desired. Keep things as simple as possible.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

derb
Offline
newbie
Last seen: 9 years 33 weeks ago
Timezone: GMT+1
Joined: 2012-11-15
Posts: 6
Points: 7

Okay i didn't knew that. I've

Okay i didn't knew that.
I've got the yellow sign with absolute in here www.redseen.3owl.com. What would be a better way to realize it that way? Or is this a situation where absolut is the right way?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 20 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

derb wrote: Okay i didn't

derb wrote:

Okay i didn't knew that.
I've got the yellow sign with absolute in here www.redseen.3owl.com. What would be a better way to realize it that way? Or is this a situation where absolute is the right way?

You have bigger problems than that. You don't even have a document type declaration, consequently you have no way of knowing how various browsers will handle your html and CSS, and you have a lot of html syntax errors, which will also wreck cross browser compatibility.

Have you read our posts on how to get problems dealt with here? If you had you wouldn't have posted the code in that condition. The first things we require are a proper, standards triggering, document type declaration and 100% valid html.

You have only one element absolutely positioned, a decorative element, and that's fine so far as positioning is concerned. So no complaint about how you have used it. On the other hand you were recommending something else to the OP.

I like my sites to use all available horizontal screen space, but that's personal taste.

If you do want help with your page you should start a separate thread.

You'll notice a link in the footer to my messages. Follow it. Read it.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.