I have one problem, every time the home link is clicked, a new red bar with the FIRST logo appears. Does anyone have any ideas on why this is happening? I’ll attach the code as soon as I save it to notepad. Thanks in advance for your help!
Welcome to the world of HTML. I can’t replicate the problem, but it is probably because you are using frames. Frames are an older technology in the web world and really shouldn’t be used anymore. The new HTML5 standard doesn’t even support them.
If you use DIVs and style them with stylesheets you should be able to get the same effect.
I had since originally posting edited the code, which fixed the error to the new bar would come up only after going to a different page, then clicking home. I just changed the code back to exactly how it was before, so you may be able to reproduce the problem now. I’ve used IE 6, IE 7, IE 8, Firefox 3.5.9, and Firefox 3.6.
Those nav links open in the same frame, so the “Home” link is opening index.htm within that frame. But index.htm contains multiple frames, so you’re opening a page with frames inside a frame.
I’d either look at the target attribute as synth3tk suggested, or just change the home link to “home.htm” instead of “index.htm”.
I’d also avoid using anything but another HTML page for the frame content (namely, in the top frame).
Also, remember that using frames means users can’t bookmark individual frames on the site. At the same time, you can’t prevent people from going directly to one of the pages (e.g. http://www.team3167.webs.com/About_3167.htm) in which case they won’t see the top frame at all.
The first rule of post-1990s web development is don’t use frames. The second rule is don’t use frames.*
Sorry if it sounds harsh, but using frames to build modern websites is like designing a car to run off of a steam engine. Yes, it’ll work, but there’s a very good reason why the production of steam-powered cars was abandoned (it’s very inefficient). Frames will technically work to make websites, but they have so many problems and require so many awful “hacks” just to make them work somewhat decently, that the practice of using them to make websites has been officially abandoned.
Small amounts of iframes (they’re different from frames) are acceptable when used sparingly. I’ve used small iframes to do Gmail-style AJAX file upload before.
I used frames for one reason and one reason only: That’s what was in the W3C schools tutorial. I got a similar effect on the site now by adding the images to the top before the nav bar and using aligning and page percentages. I think it looks better now than it did before.
Yeah, frames aren’t a great idea for layout, but they’re worth learning since they’re still used in many web apps (often invisibly). The key with what you were trying to do is to be precise with your links.
I’m back with a new problem and figured that it would be best to just continue this thread, rather than start a new one.
I made the website and have the basic layout set up as far as a header, body, and footer. The website looks exactly how I want it to look in Mozilla Firefox, but in Internet Explorer 6,7, and 8, it looks terrible. If you use IE, take a look at what I mean http://www.team3167.webs.com If you could, can anyone look at the HTML and give a possible explanation as to why it appear as it does? (For people using browsers other than IE or Mozilla Firefox, it would be greatly appreciated if you could tell me what the website appears like by possibly including a picture.)
I recommend getting your HTML valid before going on. Firefox can be pretty forgiving when it comes to misplacing tags and not closing elements, but IE requires you to be really careful with your coding.
You enclose your links and your styles between two </head> tags. Get rid of the first </head> tag, and hopefully you’ll be on the right track. You also include a <div> element outside of the <body> tags, which is probably also why IE is giving you grief. Just be careful to keep your code valid and your troubles with cross-browser compatibility should be somewhat lessened .
I put the html through a service called HTML Tidy, and that’s what it gave me. I put it through a validator and it won’t validate because something in one of the lined is no utf-8. Is there anything that looks wrong with the HTML? It’s the same as it was before, but reorganized by that program.
The w3 validator validated the HTML, but the page still looks awful in IE. Is there anything else I can do?
It validates only when I directly put the code into the validator, but if I type “http://www.team3167.webs.com/index.htm” into the “validate by URL tab” I get a fatal error about line 80 containing something that is not utf-8.