Html(css?) help

Spectral Swallow

Okay I'm creating a table, but with a gradient that tapers into a solid color. I've got that down no problem, but what I'm trying to do is add another background on top of that to the left, for example right now I have:



And I want another background that tapers toward the right and down to about line six. The code I have now is:

<table width="90%" border="3" bordercolor="#617C96" bgcolor="#71899F"><tr><td class="background1">



<style>
.background1 {
background-image: url(thegradientbackground);
background-repeat: repeat-x;
}
</style>

</td></tr></table>

And I've tried just about everything I could think of(I googled and found one site that kinda talked about it, but not so much). Any help is appreciated.

Also that gradient is only one pixel wide and just repeating to the left to keep the load time down, I figure that's the easiest way to do it, just in case you were wondering what is going on.

Seguer

Can you provide a graphical example of what you're trying to achieve? I'm having trouble envisioning it. Also - why are you using tables? Will this be tabular data?

Spectral Swallow

Like that there, you see how the darker part is above the other part, but still a background?

And yeah it does have to be a table, as it'll have varying widths and is the best way to organize the information.

Also, I know that looks horrible, it's just an example of what I'm trying to do. I realize it'll have to have the same background, but my problem is just positioning it. Once I leap that hurdle I'll get it to look good.

Seguer

http://seguer.ifastnet.com/demo/spectralswallow/

Is that what you mean?

Spectral Swallow

Exactly.

Seguer

Feel free to check out my code then, it's fairly simple. The premise is that you put a div that that will encapsulate all the data in the row and give it another background - the one with the image. It then sits on top of the table background, but 'below' the text.

Spectral Swallow

Yeah I'm checking the code now, but uh where'd you learn to do that? Or what do those phrases mean(I'm kinda a newb to css) I checked out the w3schools and that's where basically all my knowledge comes from.

Seguer

I've been dabbling in web design for years now, and I read a lot of articles about CSS. I made a website for part of my school that used that technique - I put a watermark of a flower in the lower right hand corner of the main div.

What phrases are you having trouble with? I suggest having a look at www.alistapart.com to get you started with some techniques, then just experiment.

Spectral Swallow

Oh I got it now, I didn't see the code in the td, thanks a bunch man, I'll be sure to check out that site you gave me as well.

Seguer

No problem. Everyone has to start somewhere If you can, have a look at other sites and how they do things - don't copy and paste their code, but try and understand it, then replicate it yourself and experiment with it. That's the main way I learned.

supabeast

Spectral Swallow wrote:

Yeah I'm checking the code now, but uh where'd you learn to do that? Or what do those phrases mean(I'm kinda a newb to css) I checked out the w3schools and that's where basically all my knowledge comes from.

If you really want to get XHTML/CSS buy the O'Reilly XHTML/CSS in a Nutshell Book. It's the most illuminating thing out there.