bad coding... only works in IE

Dapandyman · #1 Dec 16th, 2006, 12:37

Right i have a large problem in the fact that i cant
get my dumb porfolio to work in FF (and probably any other browser - bar IE - my pc doesn't let them work though so i cant test thoroughly) the selection window wobbles around in IE and just totally messes up in FF.
NOTE: I adapted this from the CSS Play tutorial posted somewhere around this forum
here's the link to my portfoilio
and the CSS is here
Thanks,
Dapandyman.

Dapandyman · #2 Dec 16th, 2006, 16:40

the gallery in CCS Play is here:
http://www.cssplay.co.uk/menu/gallery.html

ukgeoff · #3 Dec 16th, 2006, 17:06

Start by sorting out your invalid html code, then you will have a basis to work on.

Dapandyman · #4 Dec 17th, 2006, 11:04

theres still three things making my html invalid:
2 are inflicted by my (rubbish) hosts freewebs.
1 is that

Quote:

document type does not allow element "HTML" here .

anything i try doesn't seem to fix that one.....

Antwan · #5 Dec 17th, 2006, 11:25

Why do you have div tags and other content OUTSIDE the html tag? You've got code, and THEN you start the html and head tag, put your code inside the proper tags, not above them

Dapandyman · #6 Dec 17th, 2006, 18:12

thats very true but it comes up with more validation errors
screw that ill put the code right - no matter what the validation says,
Thanks,
Dapandyman.

Antwan · #7 Dec 17th, 2006, 18:50

Yeah keep the code properly as it should be, the errors even though there are more, will actually be solveable, the ones beforehand were just gobblygook because your code wasnt even in the body, what errors are coming up and i'll help you out, take some screenies of the validation errors or paste them in here

chubbs · #8 Dec 18th, 2006, 09:21

Did u put ur code right? There is still a mess there

<title>.::Portfolio - Graphics::.</title>
<link rel=stylesheet href="style.css" type="text/css">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.htm">Home</a></li>
<li><a href="wport.html">Web Portfolio</a></li>
<li><a href="gport.html">Graphics Portfolio</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="gport.css">
</head>
<body>

check it

Dapandyman · #9 Dec 18th, 2006, 18:08

no - i didnt get the chance...
computer go bye-bye.....

Dapandyman · #10 Dec 18th, 2006, 18:11

done that now looks like this:

<html>
<head>
<title>.::Portfolio - Graphics::.</title>
<link rel=stylesheet href="style.css" type="text/css">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.htm">Home</a></li>
<li><a href="wport.html">Web Portfolio</a></li>
<li><a href="gport.html">Graphics Portfolio</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

<link rel="stylesheet" type="text/css" href="gport.css">
</head>
<body>

Antwan · #11 Dec 18th, 2006, 18:12

Quote:

Originally Posted by Dapandyman

no - i didnt get the chance...
computer go bye-bye.....

If you get the chance, do it and then show us the types of errors you get

Antwan · #12 Dec 18th, 2006, 18:12

Quote:

Originally Posted by Dapandyman

done that now looks like this:

<html>
<head>
<title>.::Portfolio - Graphics::.</title>
<link rel=stylesheet href="style.css" type="text/css">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.htm">Home</a></li>
<li><a href="wport.html">Web Portfolio</a></li>
<li><a href="gport.html">Graphics Portfolio</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

<link rel="stylesheet" type="text/css" href="gport.css">
</head>
<body>

Aah we replied at the same time

Ok so what errors are you getting?

Dapandyman · #13 Dec 18th, 2006, 18:13

ok validation has come up with the following problems:

Error Line 20, column 55: document type does not allow element "LINK" here . <link rel="stylesheet" type="text/css" href="gport.css"> The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

✉
Error Line 21, column 6: end tag for element "HEAD" which is not open . </head> The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
If this error occured in a script section of your document, you should probably read this FAQ entry.

✉
Error Line 22, column 5: document type does not allow element "BODY" here . <body> The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Dapandyman · #14 Dec 18th, 2006, 18:14

also there are 2 errors made by freewebs:

Error Line 112, column 66: end tag for "DIV" omitted, but its declaration does not permit this . ... type="text/javascript" src="/i.js"></script></body>
- You forgot to close a tag, or
- you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.
The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.

✉
Error Line 112, column 66: end tag for "DIV" omitted, but its declaration does not permit this . ... type="text/javascript" src="/i.js"></script></body>
- You forgot to close a tag, or
- you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.
The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.

I can asure you that i did not link to an 'i.js'.

Dapandyman · #15 Dec 18th, 2006, 18:16

i think the first error means i have to put all the css links in the body.
i don't know what's happening with the second one - as you can see, there's already an open 'head' tag...

Antwan · #16 Dec 18th, 2006, 18:16

Quote:

Originally Posted by Dapandyman

ok validation has come up with the following problems:

Error Line 20, column 55: document type does not allow element "LINK" here . <link rel="stylesheet" type="text/css" href="gport.css"> The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Put stylesheet in quotes like so rel="stylesheet" and revalidate, that should take care of that one

Antwan · #17 Dec 18th, 2006, 18:17

Quote:

Originally Posted by Dapandyman

ok validation has come up with the following problems:

✉
2. Error Line 21, column 6: end tag for element "HEAD" which is not open . </head> The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
If this error occured in a script section of your document, you should probably read this FAQ entry.

✉
3. Error Line 22, column 5: document type does not allow element "BODY" here . <body> The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Both of these should get fixed whenever you fix that rel="stylesheet"

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
bad coding... only works in IE