Here is a sample with what I'm working with...

http://www.angelfire.com/oh5/rwb/DVD/ECW.html

The top table row is meant to show up with a blue background, the second with a gray background, and the third with a blue background. If you look at the page in IE, it shows up fine. Firefox, not so much. It worked in Firefox for a few days, then went all white where I had the colors previously. If I need to copy/paste/clip anything, please let me know if that would be easier.

Also, I barely know CSS code as it is, and I used the majority of this code from another site (with permission), tweaking it to my needs.

I recommend that you start by fixing the markup errors reported by our online validator. There are a lot of structural problems.

I have no idea where to even begin. Like I said in the original post, I borrowed the code and made minor tweaks. I'm not asking for someone to critique the entire thing and tell me how horrible the code is, just asking for someone to fix the minor problem I'm having. I mean, if someone wants to fix it, fine by me, but there's no way I'd even know what to do to fix the errors.

Please see the FAQ entries Where can I learn about HTML? and Where can I learn about CSS?

Can anyone actually fix the small problem I'm having?

I'm not going to learn entire HTML/CSS when I just need one minor problem fixed. If you can't help, that's fine, but please stop telling me to do this and that when what I'm looking for is clearly worded in the first post. Thanks.

Are you prepared to pay? How much?

If you can fix it and clean up the code at the same time, offer an estimate for your services.

Since echris1015 wants someone else to do the job, rather than learning how to do it, I have moved this thread to "Jobs Seeking Programmers".

Yep, because its a smart move telling me to spend days learning complete CSS when I need about five minutes of help from a member here.

Last time I checked, it was called HTMLHELP forums - guess they need to change the title. The only help I've gotten was someone saying "Your code has a ton of errors" and a link to learning CSS. Instead of helping, I get the "Go learn yourself" response. If that isn't help, I don't know what is.

Also, why was this moved when someone OFFERED to fix the code for a fee, when I didn't request that in the first place at all. If anything, this board does the OPPOSITE of helping.

You are not the first person to think that the purpose of the forums is to "provide a code" that does something, or to fix someone's broken web page for them.

However, most of the regulars are more interested in "teaching you to fish" rather than "giving you a fish". If you want to learn about HTML, CSS, etc., or if you want help using the tools, then just ask. But don't be surprised if no one else is interested in helping when you've demonstrated little effort yourself.

I'm sorry you feel like this, echris1015.
Fixing the HTML errors reported by the online validation tools WILL fix you problems, as far as I can see. If you know the basic structure of an HTML page, you don't have to "learn" as much as that. (see http://htmlhelp.com/reference/html40/structure.html#doc, adding that <style> and/or <script> tags go in the HEAD)

Darin's absolutely right, I too rather teach you how to fish than give you the fish.

I'm not asking for someone to provide, I'm asking for someone to HELP. I'm not asking for anyone to provide or create anything, I'm asking for someone to look over the code and tell me where I made an error with the ONE problem I was having, explained in the first post. I'm not asking for someone to make code from scratch because I'm too lazy or anything like that. I'm not interesting in learning how to fish, I'm already fishing, but ran into a problem, and need a few minutes of advice. But, that is too much for you, or anyone else to do, apparently, because you're too nice (sarcasm) of a person to take two minutes from your day and offer HELP - that would be fine, but instead of simply not offering help, you've basically told me to screw asking for help and learn yourself. I mean, its pretty easy to sit back, point out my errors, then tell me to go fix those problems without offering a bit of advice other than "learn the code," now isn't it? Must be nice sitting on that high throne.

Thanks. Here's hoping next time you need help on something, someone points out your mistakes, but doesn't offer any help.

If you asked someone to help in a car repair you did not know how to do, would they request you learn all about the inner workings of the vehicle before they help you?

If you wanted to learn how to throw a spiral football instead of a wobbly pass, would they insist you know the entire mechanics of football?

No, you wouldn't. You'd try yourself, and when you made a mistake, you'd ask for help it doing it correctly, which is no different then what I'm doing here.

I went through the validation tool, printed out what needed to be fixed, and then was entirely confused by the error reports given on most of the lines.

I mean, for example, it simply says "element not allowed here" - okay, that's fine, but I have no idea where to put it so it would be correct. Etc. For example, I move the all of the style and script tags in the HEAD section, and it completely screws with the format of the page.

Here's an explanation of your current markup errors:

It's missing. See the FAQ entry What is a DOCTYPE? Which one do I use?

You're using XHTML syntax in an HTML document. If you aren't using XHTML, then don't use the <tag/> format. Just use the <tag> format.

The META, LINK, and STYLE elements belong in the HEAD, not in the BODY.

Use <style type="text/css"> rather than just <style>.

You can have only one <body> tag, not two.

You've got an extra </style> tag.

The HEAD element is closed automatically when the BODY starts. You've got a </head> tag after the second <body> tag.

It looks like you're using <b/> as a synonym for <b></b>, which works (but is meaningless) in XHTML, but which is broken in HTML. Just delete it.

You are missing </table> and </div> tags.

Thanks for helping. I fixed the errors so that no errors appear on the validator when I run it through. I was unsure if I used the right DOC TYPE so I used the one the validator assumed I was using.

But, the color error I'm having explained in the first thread still isn't corrected and I can't figure it out.

And now the problem is both in IE and FireFox. Ugh.

What is supposed to make those colors happen? I didn't look at your CSS, but (the TDs in) the three first rows have the same classes attached to them, so I don't see how they could have different background colors.

The code right before you started the copy/paste has a td that spans the five rows and it class g s4, which includes a blue background and white lettering. There are also some others before that have background colors as well. Those TDs you posted are actually like the fourth ones down on the page and in the code - there are no colors in those that you posted - there aren't supposed to be.

I'm confused now. So which rows are supposed to have diferent colors? You first said the first, second and third.

Yeah, that hasn't changed. The first, second, and third are supposed to have colors. You started copy/pasting with fourth row on the page, which is white.

Part of the confusion is that you're pulling in //spreadsheets.google.com/client/css/159550030-trix_main.css as well as providing your own inline style sheet.

This row is funny. The Google style sheet hides the content in td.hd p.

Your style sheet sets the background color of .g to white and sets the (foreground) color of .s0 to white, but it should also set the background color of .s0 to #333399.

Ah... but you also specify a white background with a style attribute for an enclosing div element. And that has specificity equal to the specificity of an id selector, so it overrides the other rules.

PS: I moved the thread back.

I went for the visible rows. Sorry, I realize that was kinda stupid.




Where did it go?

I'm officially confused.

I've tried replacing/deleting the Google .css I was using, but it throws the table way off. Well, not way off, but it changes the text, borders, and final columns all off. I'm guessing I'm using part code from this sheet and part code from my own sheet and it doesn't interact too well. Hmm.

I tried finding the white background specified for the enclosing dv element, but I couldn't find that line of code. It sounds like if I can find that line of code and change it or delete it, it would stop overriding the other code I've written.

I set the background colors of both the .g and the .s0 to 333399, no change.

I looked at the source. When I saw the row that wasn't appearing in the browser, I used Ctrl-A to select (and highlight) everything.

I had moved it to the "Jobs Seeking Programmers" because it looked like the OP just wanted someone to do the work.

There's a lot of magic in that style sheet. The content of the first column of every row is hidden, for example.

It looks like this:

I was hoping that wasn't the div element you were talking about. I had already changed the color to 333399 and got no change, so I was hoping there was another that I missed.

I'm guessing the .css sheet I'm linked to contains the code that is overriding, because all of the applicable colors that are coded to show up in those first three rows are now set to 3333999 (or the shade of gray for the second row).

Yep, its something in the code I had linked, going to be a long day trying to find it.

I got rid of the link and copied the contents of the .css file into Word - then replaced all the FFF colors with another color and all of the backgrounds where that new color I had put into the Google Docs code.

So, one of those lines of codes with an fff color was overriding the code I had on there. Going to be a long day, though, to find out what I can and can't use from that Google Docs code.

Fixed. Thanks!

Quick question: Are CSS class names _really_ allowed to include spaces?

(Cancel that: I guess that this is how to specify two classes in one go. How ugly.)

The only HTML error you still have is a closing </div> tag at the end of the code which has no opening <div> tag. Just get rid of it if the DIV has no real purpose.

Yep, I know. Thanks.

No.
http://www.w3.org/TR/html401/struct/global.html#adef-class