Formatting errors of Spry and invisible text

[maldridge]

I have some spry/css/id10t errors here. If you look at this site: [link] that I am designing for a client, you'll see that the spry horizontal menu is acting weird. I don't know why it's doing the staggered appearance or why it is intermittently not working, all i know is that it is frustrating.

Also, if you click on the 'contact' item, you see a form that has apparently no labels, BUT if you select all you will see that the text is there, it's just black!! Never-mind that there is a class/id in the css file to set the color for everything in the div and it worked previously when set to another color.

Speedy responses are greatly appreciated!

 

[Janja]

I see several id's named container. That might cause you some problems. How did you create the spry-menu? In dreamweaver? If the container issue isn't it, I would try to change the sizes/padding of the individual menu items.

Add a this to your form to make the labels white:
<td valign="top" align="right" style="color:#ffff;">Reply address:</td>

(As a design note: You might want to reconsider your navigation colors too. The contrast is not enough for people with old monitors or colorblindness...)

 

[maldridge]

yes, I am using dreamweaver to create the menu. I actually wound up deleting the menu and starting over after I realized that I had two copies of the spry assets folder with different contents. It works now, but I am having to call fatcow to figure out why the server's cache has stopped updating.

I added the line to the table, but until I work out the cache problem, I won't be able to see it. Of course, the changes all appear right in dreamweaver. I think that the green should be less saturated to increase contrast, is that the best move to make to make it more visible?

Thanks for the help so far!

 

[Janja]

It look looks like the menu is working now. If you use the black background I would probably make the text color white, a very light green or repeat the blue you have in the footer.

When using a black background you need to make sure that the contract is very high because it's harder to read white text on black then black text on white.