• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Need some html help

fustercluck

Diamond Member
Damn I hate web design. How does anyone do this shite for a living?

Anyhow, what I want to do is get this gradient background on this web page. I can't figure out how to do it, but if I could, I might be able to do everything else on my own, but very unlikely 😛 - I really need a better web page design program.

This link might help you (and me in the process): The Amazing Gradient Generator

Probably not the best place to ask for this kind of help, but I'm too lazy to find a web design message board and sign up there 😛 - Thanks.
 
I don't understand your question... the page you say you want that gradient on is not a page at all, but rather a file. I'm really not sure what you want.

 
I assume you don't want the gradient repeating all the way down the page, but instead horizontally. Put the background.gif in the same directory of the page and use this in place of the body tag:

<body style="background: #ccb076 url('background.gif') repeat-x;>

Best way to design a website is by yourself. Editors just complicate sh!t.
 
Originally posted by: tersome
I assume you don't want the gradient repeating all the way down the page, but instead horizontally. Put the background.gif in the same directory of the page and use this in place of the body tag:

<body style="background: #ccb076 url('background.gif') repeat-x;>

Best way to design a website is by yourself. Editors just complicate sh!t.

Well, that did something. Can't tell if it was gradient or not for sure, my monitor has bad viewing angles. Also that code seemed to take out the box in the middle. I'm guessing there are 2 separate backgrounds and that code takes over both of them and...hell I don't know. I hate this stuff. Why does it have to be so complicated 🙁 - Just using a text editor I wouldn't get anything done at all, and wouldn't be able to preview what I'm doing or add images or anything.
 
Originally posted by: Adaman
Well, that did something. Can't tell if it was gradient or not for sure, my monitor has bad viewing angles. Also that code seemed to take out the box in the middle. I'm guessing there are 2 separate backgrounds and that code takes over both of them and...hell I don't know. I hate this stuff. Why does it have to be so complicated 🙁 - Just using a text editor I wouldn't get anything done at all, and wouldn't be able to preview what I'm doing or add images or anything.

The problem is, his code assumes you have the image stored locally, which I'll assume you don't. Don't steal bandwidth from others and upload this image wherever your index file is.
 
Originally posted by: Alone
Originally posted by: Adaman
Well, that did something. Can't tell if it was gradient or not for sure, my monitor has bad viewing angles. Also that code seemed to take out the box in the middle. I'm guessing there are 2 separate backgrounds and that code takes over both of them and...hell I don't know. I hate this stuff. Why does it have to be so complicated 🙁 - Just using a text editor I wouldn't get anything done at all, and wouldn't be able to preview what I'm doing or add images or anything.

The problem is, his code assumes you have the image stored locally, which I'll assume you don't. Don't steal bandwidth from others and upload this image wherever your index file is.

Jeez, you're out to get someone aren't you? 😛

First of all, the image is only 3.72 KB. Second, yes I have it stored on my hard drive, and on my site fustercluck.bluemonday.org (which is where I linked the image from). I had that image made with the gradient generator I linked to in my OP.
 
Originally posted by: Adaman
Originally posted by: Alone
Originally posted by: Adaman
Well, that did something. Can't tell if it was gradient or not for sure, my monitor has bad viewing angles. Also that code seemed to take out the box in the middle. I'm guessing there are 2 separate backgrounds and that code takes over both of them and...hell I don't know. I hate this stuff. Why does it have to be so complicated 🙁 - Just using a text editor I wouldn't get anything done at all, and wouldn't be able to preview what I'm doing or add images or anything.

The problem is, his code assumes you have the image stored locally, which I'll assume you don't. Don't steal bandwidth from others and upload this image wherever your index file is.

Jeez, you're out to get someone aren't you? 😛

First of all, the image is only 3.72 KB. Second, yes I have it stored on my hard drive, and on my site fustercluck.bluemonday.org (which is where I linked the image from). I had that image made with the gradient generator I linked to in my OP.

Make sure they're in the same directory, and don't forget the " after the semicolon and before the greater than sign.
 
Originally posted by: Alone

Make sure they're in the same directory, and don't forget the " after the semicolon and before the greater than sign.

Oops. Use this.

<body style="background: #ccb076 url('background.gif') repeat-x;">
 
Alrighty, step one complete, thanks 🙂 - Still a long ways to go. link

Now I just have to edit the rest of it without screwing it all up somehow. This is only going to get more complicated, I guess I should sign up at a web design type message board. Thanks again.
 
Hrm, that's odd. I'm pretty sure it was gradient yesterday, and I haven't changed anything. Did I mention I hate web design?

I thought baby sh%t was green? 😛 - The dark tan color looks nice, just doesn't fit in with the rest of the page yet. Just working on the gradient color now.

It's working on the main site now Link
 
Okay the tan is okay. However, to me it looks like just a solid tan background. I have viewed it in firefox, opera 9 and ie7, all the same, solid tan background.
 
I don't think I have enough of a change in the two gradient colors for it to be apparent to the naked eye. I can tell it's gradient though by using the Instant Eyedropper.

I can't seem to find many active web design help forums around. Anyone want to recommend one?
 
The forums at w3schools which is the place in the link I gave you further up the thread has active forums on it's range of web development topics.
 
I don't play by HTML's rules, it plays by mine.

Or...not. Shows what I know. I checked out the W3schools forum yesterday but it looked pretty slow. Better than nothing though I suppose. Also they're down right now =/
 
Been trying to post on the W3Schools forum but it sucks (for lack of a better term). I registered, and then the activation email came like an hour later, then I want to the activation link and now i'm waiting to be 'approved' by an administrator there. Lame. Bad enough that I have to wait to be verified once, let alone twice. I didn't know they were doing background checks on everyone who registers. Forums are a pain in the ass sometimes.

Anyhow, now that i'm done ranting, I guess I'll ask for some more help. I want to redesign a lot of stuff with the website I'm trying to build. I don't know how to do it with code, I'd rather just do it in photoshop or something. here's what it looks like now, and Here's kind of what I want it to look like (to start out anyways). That's not a whole lot of changes (just a few things I want to do for now) but I don't know how to redesign it to look like that.
 
Back
Top