Bad css or bad html?

FireFox is not showing the image!

[John_Keates]

At my site I use tables to position things and attach styles to them, but firefox isn't doing the right thing!

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

FireFox won't display the topmsg classed table celss but IE and Safari do! I tried making every td have the bg pic, use id's use classes and id's.
Nothing. Oh bytheway if someone's looking at my site plz tell me if you got trouble with other things since I made it on a Mac (wich I think follows w3's guidelines more then win does) I'm not sure if it's looking okay at a windows pc. And can someone tell me why those $#%#$ people at microsoft made IE not be able to use the :hover css so I had to use javascript?! That really stinks, making the mass people use a browser wich cannot even use a simple css thingy.

here's the code:
.........
<table class="tablemsg">
<tr>
<td class="topmsg" id="topmsg" width="100px" align="center">Welcome</td>
</tr>
<tr>
<td class="bottemmsg">
.........

and css:
-------
.tablemsg {
border-spacing: 0px;
border-left: 1px solid #839ec5;
border-bottom: 1px solid #839ec5;
border-right: 1px solid #839ec5;
border-top-style: none;
border-top-color: white;
}

.bottemmsg {
background: #c9e0f6;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

td.topmsg {
height: 15px;
background: repeat-x url(/images/obj_menu_01.gif) #8091f1;
font-weight: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
top: 1px;
display: table-row;
padding: 0px;
}
-------

I built the site on my own putting almost everything in a sql db and have one php script get everything. Only some images and media isn't made by myself. Is it the Css? or the HTML? or is it firefox? or IE? (but looks ok in IE/win and Safari/MacOSX

[edited by: tedster at 10:10 pm (utc) on April 11, 2005]

[wruppert]

Welcome to Web Master World!

According to Terms of Service, you should not post URL's.

Try [validator.w3.org...] to see problems with your HTML. And [jigsaw.w3.org...] is for checking CSS.

I glanced at your page and wonder why you have a <br> in front of your doctype. There are lots of other validation problems.

You can be almost certain that Firefox is doing the technically correct thing while the others are allowing some errors to slide by.

[tedster]

microsoft made IE not be able to use the :hover css so I had to use javascript

:hover definitely works in IE - but you must place the CSS rule for :visited BEFORE the rule for :hover. By any chance is that the problem for you? It's a common issue, so I thought it might be.

[Farix]

First, you assigned a topmsg class and a topmsg name but not declare #topmsg in the style sheet.

.tablemsg {
border-spacing: 0px;
border-left: 1px solid #839ec5;
border-bottom: 1px solid #839ec5;
border-right: 1px solid #839ec5;
border-top-style: none;
border-top-color: white;
}

td.topmsg {
height: 15px;
background: repeat-x url(/images/obj_menu_01.gif) #8091f1;
font-weight: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
top: 1px;
display: table-row;
padding: 0px;
}

Now here, you should stick with one class or the other. There may be an inheritance problem where the base tablemsg class is not inherited by the td.tablemsg class.

[John_Keates]

Well, The <br> is used to make the whole maintable go a bit down so the flash animation is viewable by some browsers that won't show it if the top is higher as the page top. The :hover works with links but I meant applying it at td so I don't have to use onmouseover() to chance the class name. The css is validated ok by w3 and the html almost too. there are some things that w3 validator sees as a fault but that are things like : a href="bla?get=thing" I don't know how to make links to php scripts with $GET info is not using a form. The table message css and class and id tags are fixed (buzy now) but doesn't seem to work either.

How can I make IE in windows display my site the same as in safari/mac? FireFox isn't displaying the .topmsg background pics.

[wruppert]

The doctype has to be the very first thing in your file. Move the <br> down into the <body> section.