Jump to content

Firefox making site half non-functional


Flameguthix
 Share

Recommended Posts

For a while, I have been working on a website for a friend who has a clan on this game called Soldat. The website is all tables and CSS allignment, but the links wont work on firefox. I also have some JavaScript in there for a random rotating picture, and a stat counter on the homepage. Here is the link to the page: http://flameguthix.t35.comI am wondering if there is any quick fix, or do I have to completely redesign my site to make it look function right on Firefox?P.S. Here is some of the code for the links:

<html><head>	<title>.:|BAM|:. Clan Site-Home</title><style type="text/css"><!--@import url("external.css");--></style></head><body link=#000033 alink=#000033 vlink=#000033><table cellpadding=0 cellspacing=0 width=100%>	<tr>  <th><img align=center src="Images/bam.jpg"></th>	</tr></table><br><br><div id="nav1"><table align=left align=top border=2 cellpadding=3 cellspacing=3 width=150px height=250px>	<tr>  <th><center>Navigation</center></th>	</tr>	<tr>  <td><center><a href=index.html>Home</center></a></td>	</tr>	<tr>  <td><center><a href=roster.html>Roster</center></a></td>	</tr>	<tr>  <td><center><a href=contact.html>Contact</center></a></td>	</tr>	<tr>  <td><center><a href=about.html>About</center></a></td>	</tr>	<tr>  <td><center><a href=http://mefsoldat.proboards74.com/index.cgi>Forums</center></a></td>	</tr>	<tr></table></div><div id="nav2"><table align=left align=top border=2 cellpadding=3 cellspacing=3 width=150px height=250px>	<tr>  <th>Sponsored Links</th>	</tr>	<tr>  <td><center><a href="">Project $aint development</a></td>	</tr>	<tr>  <td><center><a href="http://www.soldatforums.com">Soldat Forums</a></td>	</tr>	<tr>  <td><center><a href="">---</td>	</tr></table></div>

Link to comment
Share on other sites

For a while, I have been working on a website for a friend who has a clan on this game called Soldat. The website is all tables and CSS allignment, but the links wont work on firefox. I also have some JavaScript in there for a random rotating picture, and a stat counter on the homepage. Here is the link to the page: http://flameguthix.t35.comI am wondering if there is any quick fix, or do I have to completely redesign my site to make it look function right on Firefox?
You should look Your code. Don't blame Firefox, there is nothing wrong with it, but Your code is broken.There is no quick way if Your code is full of errors, the one and only way is fix the code.Validate it until there is 0 warnings, then it will work just fine with all browsers.Here is validator link to Your pages:http://validator.w3.org/check?uri=http%3A%...thix.t35.com%2FCouple things:Document type declaration is missing. Add this to the first line of Your code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">it must be before <html> tag in every HTML-document.Table has no height property. (if You need set table height use CSS: style="height: 200px")With HTML You can not use px etc. units, those units can be used only with CSS.Table align can't be left and top, especially it can't be top! <table align=left align=top border=2 cellpadding=3 cellspacing=3 width=150px height=250px>all " -marks are missing, should be something like this:<table align="left" border="2" cellpadding="3" cellspacing="3" width="150" summary="my first table" style="height: 250px"><td><center><a href=index.html>Home</center></a></td>tags are in wrong order, should be:<td><center><a href="index.html">Home</a></center></td>Counted 81 pcs. this kind of errors with Tidy.Advice: remove center and font -tags, and use CSS. Remove all those not needed javascript etc. tricks .. until You learn how to use HTML and CSS in right way.
Link to comment
Share on other sites

Thanks alot for replying. And if I came across as hating Firefox, I think its god's gift to mankind.Although, maybe I was taught differently from you, but here is my take on the problems (Thanks for listing them by the way!)-The "- usually, they act as glue in case you have properties that have a space in them. The same effect will happen with or without them, even on firefox.-The miss arranged tags- Thanks! I didn't see those... and I can usually spot them in my first trouble shooting session.-The document declaration- I really don't think that declaring the document type would have any effect on the links, but anything is worth a try.I just want to thank you for replying to quickly. I will test the site given the help you have taken the time to present to me. Thanks.

Link to comment
Share on other sites

Thanks alot for replying. And if I came across as hating Firefox, I think its god's gift to mankind.Although, maybe I was taught differently from you, but here is my take on the problems (Thanks for listing them by the way!)-The "- usually, they act as glue in case you have properties that have a space in them. The same effect will happen with or without them, even on firefox.-The miss arranged tags- Thanks! I didn't see those... and I can usually spot them in my first trouble shooting session.-The document declaration- I really don't think that declaring the document type would have any effect on the links, but anything is worth a try.I just want to thank you for replying to quickly. I will test the site given the help you have taken the time to present to me. Thanks.

Every single webpage needs a DTD and I suggest you look up using XHTML transistional and then XHTML strict so you have clean valid code.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...