So I'm such a poor coder, but I really need help. I think these are really easy to solve if you know what you're doing, and I guess some of you guys here know your way around HTML/CSS. So this is the thing, my site is http://twimfm.isgreat.org and when you try opening it in Mozilla Firefox and Internet Explorer, you get different results. This is what I would need: the embedded media player at the bottom should be aligned in the centre like in IE and the text problem is that "250 listeners" falls into the other line when it should all be in one. I really don't know what I'm doing so if someone can fix this for me, I'd be ever grateful.
The 'link to problems' you give is to the w3.org validator for the site.
The first error listed is
Line 24, Column 21: document type does not allow element "div" here; assuming missing "li" start-tag. The relevant section of your html is here:
<ul> <li></li> <div id="texto1">****** | home | about | contact | ******</div> </ul>
The error says that the div should be 'inside' the li...like this:
<ul> <li> <div id="texto1">****** | home | about | contact | ******</div> </li> </ul>
The indentation and line breaks are not required, but your document seems to be using them.
Line 33, Column 29: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag. is complaining about the
<div> inside the
<p>Up to <div id="texto3">250</div> listeners! <div id="texto2">(NEW)</div></p>
I'm not sure what your intent was, but because the div is inside the p, you get the line break. Would a
The error list also refers you to an article about embedding flash movies here
Though this doesn't seem to apply directly in this application.
The code to embed the player is at the end of the html. You have the player embedded in a table inside of a div. The table specifies
align="center" which appears to center the control in IE, but is not centering it in Firefox. I'm not sure what the problem is, when I removed the
<OBJECT> and replaced it with text, it appears to center properly.
You do have an extra set of
</td></tr> in the table... it doesn't seem to make any difference with text in there.
Actually, its funny...when I load the page locally, the control centers in Firefox, but not when I access the site.
You see, I totally suck in doing the codes, as I'm a WYSIWYG user. I see it's a piece of cake for you, but you have to know I'm very very thankful, Murtan. Again, thank you! :)
Except I didn't really understand what did you modify the last (embed) code to.. if you could post that part of the code like you did, because I tried removing object and it seems just to go a bit more to the center, but not fully, still looks like it's aligned to left...
(sorry if I'm a pain in the...)
I just pulled the object out...
<div class="clear"> <!-- begin embedded WindowsMedia file... --> <table border='0' cellpadding='0' align="center"> <tr> <td> -Player Goes Here- </td></tr> <!-- ...end embedded WindowsMedia file --> </table> </div>
And it worked when I had Firefox load the local file, I don't have a convenient webserver that I could post it to for testing with an internet link.