Help - Search - Members - Calendar
Full Version: My website is all messed up on FireFox and IE7
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Cronus
I am the webmaster of the website at www.HGSquad.org. The website is a squad website...we are a group of players that are friends and play games together on the internet.
Now to my problem:
I have always used Frontpage to code my website in HTML...but I just noticed that some of the buttons on the top are on top of each other on FireFox, and the text overlaps on the tables on the "news" and "matches" sections.
On IE7, the top buttons do not overlap, neither does the text, but the problem is that on the cell on "news" it just stops. I want the table to strech out so that the whole text I write is visible.

I did a search on google and found the W3C HTML Validator (validator.w3.org). Most of the errors that appeared when I typed in my website were regarding the Teamspeak Viewer script I put on the homepage. The script allows you to view who online and who is on the channels on our squad Teamspeak server. Teamspeak is basically a voice communication software.

I don't want to screw anything up on the homepage. What should I edit so that I can fix these errors that I am getting? I want the table to stretch out and no buttons to overlap the way it appears on IE6. Here is an image of how I want it to appear:
IPB Image
Please, any help would be appreciated. Thanks so much smile.gif
Frederiek
Start by throwing FrontPage to the trash. It produces crappy code.

Good for you that you found the W3C Validator. WDG has one too (see link at the top of the page).
But even a validator wouldn't find the "error" of overlapping buttons, as nothing's wrong with the code itself. It's just that you forgot to close and re-open a table cell.

Change this:
<td><a href="medals.html"><img border="0" src="images/medals.jpg" width="75" height="31"></a><a href="matches.html"><img border="0" src="http://www.hgsquad.org/images/matches.jpg" width="60" height="31"></a></td>

to this:
<td><a href="medals.html"><img border="0" src="images/medals.jpg" width="75" height="31"></a></td>
<td>
<a href="matches.html"><img border="0" src="http://www.hgsquad.org/images/matches.jpg" width="60" height="31"></a></td>

The same goes for the "Challenge us" and "TS stats" buttons.
Cronus
Sorry for a delayed post, but thanks for the help. smile.gif
I've tried that and another problem arises. The navigator bar stretches out outside the table. Here is an image of that:
IPB Image
How can I make this not happen?

Also, how can I make it so that the 'latest news' table stretches out to the amount of text in the table?

Once again, thank you so much for the help.
Cronus
Agh I can't edit my post...
Another question I wanted to ask is is there an editor that you prefer that is better than Frontpage and produces better code?

EDIT: Sorry I didn't see that button on the bottom right side. I'll try looking next time tongue.gif
Darin McGrew
When I've had to deal with documents generated by MS Frontpage (or worse, by MS Office apps), my preferred approach is to copy-paste the content into a text editor (I use vim, but there are others out there, and even MS Notepad will do in a pinch) and add new markup by hand.

I wouldn't even know where to start fixing this page as it is. My browser's minimum font size overrides your microfonts, but then there's even more overlap because of the broken positioning.
Cronus
QUOTE(Darin McGrew @ Dec 1 2006, 07:20 PM) *

When I've had to deal with documents generated by MS Frontpage (or worse, by MS Office apps), my preferred approach is to copy-paste the content into a text editor (I use vim, but there are others out there, and even MS Notepad will do in a pinch) and add new markup by hand.

I wouldn't even know where to start fixing this page as it is. My browser's minimum font size overrides your microfonts, but then there's even more overlap because of the broken positioning.

EEK that looks horrible!
Well, I have another idea. Instead of typing the whole article in that table, I will just type in what fits and then put '...' and make another page that will display the whole article.

But I'm sure there is a way to fix my button problem. I'm not the best HTML coder but I'm sure some of the guys on this forum are, could you please take a look at my website and help me fix it?
Darin McGrew
QUOTE(Cronus @ Dec 2 2006, 02:28 PM) *
Well, I have another idea. Instead of typing the whole article in that table, I will just type in what fits and then put '...' and make another page that will display the whole article.
How do you know how much will fit?

Besides the broken markup generated by MS Frontpage, you've got the rigid layout generated by MS Frontpage. Rigid layouts don't work on the web. See Web Pages Aren't Printed on Paper

QUOTE(Cronus @ Dec 2 2006, 02:28 PM) *
I'm not the best HTML coder but I'm sure some of the guys on this forum are, could you please take a look at my website and help me fix it?
Those who might be able to help you are going to be reluctant because you're using MS Frontpage.
Peter1968
My advice? Surf the web, Google for "flexible CSS layouts" - dispose of Frontpage and tables for layout.

There's far too much required to warrant saving what you've done. I'd personally start again using flexible CSS layouts.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.