Got a wierd one. In Windows Explorer, everything from my titles to the entry text gets underlined. The link is here: http://www.ubonline.org
This does NOT happen with Windows Firefox, or any Mac browsers (Safari, Opera, Firefox, Internet Explorer). It only happens on my Dell XP with Explorer.
Any suggestions?
Full Version: All Text Gets Underlined In Windows Explorer
On first glance, the first thing you ought to do, in order to better troubleshoot the problem, is fix your HTML. What I noticed just copying the source and doing some indention to line up all the containers and tell what goes where, is there are a couple extraneous or incorrect tags.
Specifically, near the start there's a line with just "</i></em>" that shouldn't be there (there aren't any open italics or emphasis tags anywhere that need closing). This is right after opening the "mainborder" div. Also, in your side bar, for the "archived posts" section, you appear to be trying to close that particular "sidetext" div with a </ul> tag instead of a </div> tag.
It also appears that you may have extra closing </div> tags, moreso than you need.
So, my first suggestion would be to make your first step be to clean that stuff up. Then, if it's fixed, then that was the problem. If not, then it may be some typo or invalid property in one of your three CSS files that's making IE mess things up (Firefox seems to be more graceful in ignoring single invalid lines in CSS than IE; can't say anything about Safari on that score, but that could be the case there too).
Specifically, near the start there's a line with just "</i></em>" that shouldn't be there (there aren't any open italics or emphasis tags anywhere that need closing). This is right after opening the "mainborder" div. Also, in your side bar, for the "archived posts" section, you appear to be trying to close that particular "sidetext" div with a </ul> tag instead of a </div> tag.
It also appears that you may have extra closing </div> tags, moreso than you need.
So, my first suggestion would be to make your first step be to clean that stuff up. Then, if it's fixed, then that was the problem. If not, then it may be some typo or invalid property in one of your three CSS files that's making IE mess things up (Firefox seems to be more graceful in ignoring single invalid lines in CSS than IE; can't say anything about Safari on that score, but that could be the case there too).
Not sure if they are responsible, but you have a lot of errors in your UBOnline.css stylesheet, and a few in the MTStyles.css stylesheet. I would recommend going over to the W3's CSS validator and plugging those two files in, and fixing the errors there.
A couple notes on the errors... "13/18px" isn't a valid entry for font size. "align" is not valid for CSS (it's an old deprecated attribute for various HTML tags). What you want is text-align. I've also recently found that even though the CSS2 rules on W3's own site don't say that a 0 value for line-height is invalid, their validator doesn't like it. Stick a % on that and it's good, or you can ignore it (but it'll make the validator shut up and be more accurate in finding other things.
). Also, there's no such thing as "inline-block" as a value for display. If you want it to be a block element and it's normally an inline element, then you want "display: block;". If you want it to be inline and it's normally block, you want "display: inline;". If you want it to be whatever it normally is, you don't need to specify that property at all.
That should about cover it. You have a stray } in your MTStyles file as well. No idea if any of that would throw IE off or not, but cleaning everything up will make it easier to troubleshoot even if none of that's the problem. One less thing to worry about.
A couple notes on the errors... "13/18px" isn't a valid entry for font size. "align" is not valid for CSS (it's an old deprecated attribute for various HTML tags). What you want is text-align. I've also recently found that even though the CSS2 rules on W3's own site don't say that a 0 value for line-height is invalid, their validator doesn't like it. Stick a % on that and it's good, or you can ignore it (but it'll make the validator shut up and be more accurate in finding other things.
). Also, there's no such thing as "inline-block" as a value for display. If you want it to be a block element and it's normally an inline element, then you want "display: block;". If you want it to be inline and it's normally block, you want "display: inline;". If you want it to be whatever it normally is, you don't need to specify that property at all.That should about cover it. You have a stray } in your MTStyles file as well. No idea if any of that would throw IE off or not, but cleaning everything up will make it easier to troubleshoot even if none of that's the problem. One less thing to worry about.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.