Does anyone here know any CSS?

On a webpage I'm building, I have a div where I want two background images. I'm trying to make a nav bar where the color fades from white to another color then back again to match the side bars below(Which also fade).
I can do one side, but I can't do both.
This website is aimed at accessibility(Meaning easy for blind people and low vision people to navigate). I need to have the background image repeating down, so when the user changes the font to be bigger, the image still goes down.

I have thought about putting the image in the html, but it won't work out like I need it to.

I hope that wasn't too confusing. Let me know if it was.

 

what's the page?

 

Yeah it was a little confusing. I'd have to look at the code. Is your CSS inline or is it referenced?

This site might be able to help you. There is a section on the page that explains how to do a gradient background:

http://www.tizag.com/cssT/background.php

 

That way is universal, but you can do the same thing w/ filters...and i think that's what he is trying to do. Unfortunately, filters only seem to reliably work in IE. :down:

 

I see what you are saying now. You want it to go:

1st color

2nd color

1st color

and you want it to expand with the size of the nav section depending on its contents. If that is the case, then I think there is a parameter that will let you stretch an image to the table cell size (assuming your nav section is in a table.) That way you can just make a single gradient image.

 

So where number 2 is. 2A will be one image that needs to be a background(So it can repeat so when the user changes the font size, part of the bar isn't bare with no image) but 2B need to be the same.

Get what I'm saying?

This site is for a local blind non profit.

Edit: Oh and I'm not using tables because: 1. Tables are bad practice and 2. Screen readers have trouble with tables.

 

I am still not seeing then why you can't just have a single gradient background image that goes 1-2-1. Is this going to be your nav bar?

 

I could do that but the nav bar goes from side to side. I want it to expand with the browser. So if they have 800x600, it fills the page the same as if they had a larger resolution.

 

do 3 side by side divs then. the middle will always be a static color anyway.

 

div tag pages are all the new hype.