How do I make my header graphic auto resize?

That is quite easy to achieve. If you are using tables, you will simply need to make sure your header image is aligned to the left in the table cell, and then colour the background of the cell to the colour you want the extended part to be.

hmmm, okay, I'm not really clear on that, but are you saying, I need to put my header image in a table? Then align it to the left? Then colour the cell with a gradient from photoshop?

I want the extended part to be the same colour as my banner, but my banner was created in photoshop, and I don't think frontpage has this gradient effect?

Can I make a completely seperate image with that colour gradient and place it next to my header image, and will this extend automatically? Or does it have to be a colour?

Thanks heaps for your input, I appreciate it heaps. I am getting somewhere now : )

Yeah it has to go inside a table cell, aligned left.

What you can then do is in photoshop create a 1pixel wide image (cropped from your header image) and use that as the background image for the cell.

If you are using standard HTML, it will be something like :

That isn't valid code but it's a start anyway.

Ah dude, you're a champion.

I also think I done your paypal button, I need to check it over my network. One sec.

Or you can do it the correct way without tables and with CSS (and this is the way you should do things).

In your HTML:

In your CSS file:

Feel free to remove my comments, they're there to help you. If you need to stop horizontal scrollbars appearing when the div gets too small then you can remove the image and use the following CSS:

The rules of good design dictate that you should use XHTML for document structure (like creating lists, and Headings etc.) but use CSS for formatting it all. Using tables for layouts works against these rules.

Also that site you showed us breaks in Opera, so I wouldn't use it as too much of a role-model.

Or you can use tables if you feel more comfortable with them

Shucks, I dont understand any of that ..

How do I get my image as far left as possible? I put my image to teh left, but it still has a little gap there say 3 mils.

I'll try learn how to do it the easy way first, then move onto this CSS.

And about that site, I just wanted to give an example of what I wanted to do, since I am new, I didn't know how to explain it that well.

Oh, and I'm making my site for IE users mainly, if those guys have firefox or opera, that's there problem So if this is for making things compatible, nevermind about that, I just want to get it to work in IE.

Thanks mates

in your body tag (or CSS file jeeves ) you need to set your margins to 0.

I done it but it still had a little bit there, but I fixed it cause I seen something called horizontal spacing, it was 3, now its 0, now its abolutely to the left ..thanks abunch mate.

Now to the hard part, doing the table .. hahaha

The thing wont let me put a backround into my table Wont even let me put in a normal colour. Am I missing something?

if you follow mine or jeeves' code properly, it will work.

Okay, Im going to start over. I think my backround image is not exactly the same size as the image. Which is why I think theres a white border around it.

Hmm, there is a problem. The thing wont auto resize when I change resolutions.? It stays the same size. Am I missing something?

if you wanna email me your header image, i can do you a quick mock up of the header code.

Thanks mate, sent both my header and backround to ya.

have emailled you back about 10 minutes ago lol

Huh where? I cant see it What email did you send to, iq454?

yep i think so lol, one sec...yep i did

hmm, can you send again please mate? Im getting heaps of email from this forum informing me that I got new replies, but tahts about it ..

sent now, if you don't get it i'll upload the zip

DSSR wrote: Oh, and I'm making my site for IE users mainly, if those guys have firefox or opera, that's there problem So if this is for making things compatible, nevermind about that, I just want to get it to work in IE.

Not clever, I use Linux so can't use IE. Not that I'd want to, it is an awful product. You need to start designing to standards (even if you start out with tables) and test in all browsers. An attitude like that will not get you far in Web Design.

And could you possibly use PM's or e-mail now guys? Thanks.

How do I know what the standard is?

Im not making my site for people with linux. If you cant see my site, too bad..not my loss, get windows with IE. lol.. Everyone now knows that IE is as safe as opera or firefox, and it is more userfriendly too. I used firefox and opera, and I removed both of them because of sites it couldnt visit. That says everything about them. Till they step their standards up, Ill deside then to catar for those guys.

Um, we are using pms and emails now, way before you even asked. I dont seem what the problem is when its my thread? Whats wrong now? Because I said I dont want to make MY website for people with opera? okay, fine. Be that way...I said I was new in teh begining, then you came up with all this CSS stuff, like I am meant to know what that is?

Anyway, thanks for your help, Im going now, close the thread do what you want.

DSSR wrote: How do I know what the standard is?

Well that's a good point really! The standards are available at: http://www.w3.org but I wouldn't advise trying that straight away. Even the most hardened web professionals have trouble reading the specs on that site.

DSSR wrote: Um, we are using pms and emails now, way before you even asked.

Good, sorry, didn't know that.

DSSR wrote: Everyone now knows that IE is as safe as opera or firefox, and it is more userfriendly too

That's simply not the case. IE has some big Activex problems, Opera simply can't be attacked and you have to really try hard to download a malicious extension into Firefox. Well, it is simpler, but it doesn't have support for:

• Tabbed browsing;
• mouse gestures;
• RSS/ATOM feeds;
• skins;
• extensibility (or widgets in the next version of Opera);
• built in e-mail (Opera);
• better transfer management;
• SVG support;
• XML support;
• improved security.

DSSR wrote: Till they step their standards up, Ill deside then to catar for those guys.

So you'll only write sites for IE, until other browsers web standards get better? That's a bit backwards! IE is the one that doesn't follow those standards mentioned above. Microsoft is a member of the W3C, but chose not to comply with standards to secure their market share. So it's not that Firefox & Opera can't display sites. The problem is those sites have bugs.

Really, if you're just wanting to get a small site together and not really learn much, what you're doing is fine. If you're on the road to becoming a professional then these are things you'll need to know.

Hope this helps.

Okay, Ill shut up, I didnt know you were so smart in this web thing.

Thanks a lot for teh information. Much appreciated.

Yeah, just putting a site together. It looks real ugly, and makes no sense hhahaha.

I just made my life harder now because I made a banner, now I have made that banner with slices with buttons links. I htought I could save it as a gif and insert that into my table, now I find it wont save as gif, well it will, but it wont let me select any of the slices I made, so I had to save it as a html file with an images folder. I have to start all over again, all because I want the stupid header graphic to extend when soemone has a different resolution. ..haha, oh well, I had great help here fomr you two guys. I better get to it.

okay okay I stuffed it up . Can I email you my starting html file (index) and can you make it so I can have the body move to the right about 10 in the margin? because when i go to page properties, the thing moves the hedaer graphic with it, and I want that to the far left. Then I will place all my text in the body bit.

Also, can you make that thing I was talking about before? I have the background image too that I want added to make it extend when someone has a different resolution. If no it's okay, I will figure it out one day .