Can anybody help me?

@SarahlouiseJan 30.2003

Hi,
I’ve just paid a fortune to have a webdesigner go through my pages. After he’d finished a lot of my links weren’t working any more and there were so many mistakes which amazed me. He wouldn’t check it through though, because he told me that the money that I had paid wasn’t sufficient to check through his work? ? . I KNow 470 Euros doesn’t sound a lot, but it was to me because my site is a none profit site.
Anyway, I sorted out the main problems myself and now want to know whether I can leave the rest or whether I need to have the following things corrected:
I put a couple of my pages in a Html tester and I got a 5
.If I can suss out what is wrong then I can sort the problem out, but I can’t understand the mistakes? Would anybody be willing to tell me what they mean?
Then I have another question. A lot of my pages are in two languages English and German. How do I make this clear for the search machines?
Thanks a lot,
Sarahlouise

1: <html>
2: <head>
3: <title>Grammar Explanations/Grammatik Erklärungen</title>
4: <META NAME=”TITLE” CONTENT=”kico4u – Kids Corner 4 English – Englisch Lernen leichtgemacht”>
5: <META NAME=”DESCRIPTION” CONTENT=”Eine Englische Lernseite von einer Engländerin für Deutsche Schüler, Schülerinnen gemacht worden. Online Übungen, Grammatik, eine Englisch, Französisches Hausaufgabenboard.”>
6: <META NAME=”KEYWORDS” CONTENT=”englisch,Englisch Übungen, Grammatik,Übersichtstabelle,Alle Zeiten, simple present, past, perfect, progressive,adverbs, adjektive,if Sätze,Reported speech, Indirekte Rede, clauses, Schüler,lernen, Unterricht, Elementary English,Englische Arbeiten, Zeiten, Chat, Sprachen, 5 Klasse, 6 Klasse, 7 Klasse, 8 Klasse, 9 Klasse, 10 Klasse, “>
7: <META NAME=”OWNER” CONTENT=”[email protected]“>
8: <META NAME=”AUTHOR” CONTENT=”Nicola Jayne Dökel”>
9: <META HTTP-EQUIV=”CHARSET” CONTENT=”ISO-8859-1″>
10: <META HTTP-EQUIV=”CONTENT-LANGUAGE” CONTENT=”de”>
~~[COLOR=red]~~–Tip: should set all or none of BGCOLOR, TEXT, LINK, ALINK, VLINK attributes on BODY element[/COLOR]
11: <META HTTP-EQUIV=”VW96.OBJECT TYPE” CONTENT=”Homepage”>
12: <META NAME=”RATING” CONTENT=”General”>
13: <META NAME=”ROBOTS” CONTENT=”index,follow”>
14: <META NAME=”REVISIT-AFTER” CONTENT=”2 weeks”>
15: </head>
16: <style type=”text/css”>
17: BODY {
18: SCROLLBAR-BASE-COLOR: #99CCFF;
?~~[COLOR=red]~~–Fehler: illegal context for <NOFRAMES> – must appear in <FRAMESET> element.[/COLOR]
19: SCROLLBAR-ARROW-COLOR: yellow;}
20: BODY { scrollbar-arrow-color: yellow; scrollbar-base-color: #99CCFF }
21: a:hover { color: #000099; text-decoration: none }
~~[COLOR=red]~~–Fehler: <BODY> must immediately follow </HEAD[/COLOR]
~~[COLOR=red]~~–Fehler: NOFRAMES[/COLOR] –Fehler: /FRAMESET>

to post a comment

HTML

20 Comments(s) _↴

@StefanJan 30.2003 — #[i]Originally posted by Sarahlouise [/i]

[B]Hi,

I've just paid a fortune to have a webdesigner go through my pages. After he'd finished a lot of my links weren't working any more and there were so many mistakes which amazed me. He wouldn't check it through though, because he told me that the money that I had paid wasn't sufficient to check through his work? ?

[/QUOTE]

It sounds like you are dealing with an unserious developer.

I wouldn't have payed the person in the first place, but since you appearantly have you are in a much worse position.

I don't know the ruled and laws in Germany (?) for customer complaint, but you might want to look into it and see if you can get some or all your money back.

I put a couple of my pages in a Html tester and I got a 5

[/QUOTE]

?

What tester?

What does 5 mean?

Try http://validator.w3.org

Then I have another question. A lot of my pages are in two languages English and German. How do I make this clear for the search machines?

[/QUOTE]

Usually it's done with the lang attribute.

http://www.w3.org/TR/html4/struct/dirlang.html#adef-lang

You can find the lang code for your language here

http://www.oasis-open.org/cover/iso639a.html

@SarahlouiseauthorJan 30.2003 — #Hi Dave and Stefan,

It was equivalent to about 450 USD. I paid him 20 Dollars an hour for his work. I asked him to sort out as many mistakes as he could and to make the page better for a search machine.

After getting the website back again I found a lot of link mistakes - they weren't working any more. In some places he'd added a backlash too many and..... The scrollbar that I had for my navbar disappeared (for a smaller screen) . At first he apologised and told me that there was no way he could have corrected his work as well as doing the corrections ? :mad: . I found this quite strange, but was so daft and paid him more to sort the problems out :rolleyes: .

In the end I just gave up and after complaining I never heard from him again.

Even if he had only corrected one of my main pages it would have been enough for me to have carried on. I would just have copied and learned from there.

However, I put a few of my main pages in "Bobby" and in another German Html checking base and they both told me that my major pages had major mistakes and I didn't understand what they meant. I marked the mistakes red and have only put on a bit of the page so as not to fill the board. I thought if you could tell me how to correct the mistakes there, I could go from there? ?

@Stefan - a 5 is one of the worst marks you can get ?

Thanks a lot,

Sarahlouise

@thejoker101Jan 30.2003 — #I think a link or an uploaded file might help... just an idea.

@SarahlouiseauthorJan 30.2003 — #It's already there??!! In the first letter. Right at the top;-)

Sarahlouise

@meowJan 31.2003 — #That's just part of the head code.

@thejoker101Jan 31.2003 — #I'm talking all of the code.

@SarahlouiseauthorJan 31.2003 — #Hi all of you. That's a great help, because if I have one oage right, then I can follow that for the other main pages. They are all very similar.

That's just part of the head code.[/QUOTE] I didn't like to put in any more. I didn't want it to be too much work?

"Fehler" is German for "mistake"

There seem to be two major mistakes that repeat each other all the way through the page.

Thanks ever such a lot,

Sarahlouise?

The rest of the code for this page is:

29: <tr>

30: <td><div align="center"><img src="images/bookwmapple.gif" width="94" height="90" border="0" alt=""><br>

31: <br>

32: <font face="Verdana" Size="2"><b><u>Grammar/Grammatik<br>

[COLOR=red]--Warnung: unknown attribute "FONT" for element <FONT>.[/COLOR]

33: </u></b></font></div></td>

34: </tr>

35: <tr>

36: <td>

37:

[COLOR=red]--Fehler: <FORM> cannot be nested -- </FORM> not yet seen for <FORM> on line 36.[/COLOR]

38: <table>

39: <tr>

40: <td><li>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

41: <a href="info.html"><font face="Verdana" color="#00AFFF" size="-1"><b>English Grammar - Englische Grammatik</b></font></li></a>

--Warnung: </LI> on line 41 seems to overlap <A>, opened on line 41.[/COLOR]

42: </td>

43: </tr>

44: <tr>

45: <td><li>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

46: <a href="uebersicht.html"><font face="Verdana" color="#FF9F00" size="-1"><b>Zeitenübersicht/The Tenses - Active</b></font></li></a>

[COLOR=red]--Warnung: </A> on line 36 seems to overlap <FONT>, opened on line 36.

--Warnung: </LI> on line 46 seems to overlap <A>, opened on line 46.[/COLOR]

47: </td>

48: </tr>

49: <tr>

50: <td><li>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

51: <a href="zeitenbeitab.html"><font face="Verdana" color="#FF00C0" size="-1"><b>Zeitenübersicht mit Beispiele/The Tenses with Examples - Active</b> </font></li></a>

[COLOR=red]--Warnung: </LI> on line 51 seems to overlap <A>, opened on line 51.[/COLOR]

52: </td>

53: </tr>

54: <tr>

55: <td><li><a href="passivueb.html"><font face="Verdana" color="#00C070" size="-1"><b>Zeitenübersicht/The Tenses -Active / Passive</b></font></li></a></td>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

--Warnung: </LI> on line 55 seems to overlap <A>, opened on line 55.

56: </tr>

57: <tr>

58: <td><li><font face="Verdana" size="2"><a href="simplepresent1.html">Simple

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

59: Present</a></font></li></td>

--Warnung: unknown attribute "FONT" for element <FONT>.

60: </tr>

61: <tr>

62: <td><li><font face="Verdana" size="2"><a href="presentprogressive.html">Present

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

63: Progressive</a></font></li></td>

64: </tr>

65: <tr>

66: <td><li><font face="Verdana" size="2"><a href="simplepast.html">Simple

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

67: Past</a></font></li></td>

68: </tr>

69: <tr>

70: <td><li><font face="Verdana" size="2"><a href="pastprogressive.html">Past

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

71: Progressive</a></font></li></td>

72: </tr>

73: <tr>

74: <td><li><font face="Verdana" size="2"><a href="presentperfect.html">Present

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

75: Perfect</a></font></li></td>

76: </tr>

77: <tr>

78: <td><li><font face="Verdana" size="2"><a href="pastperfect.html">Past

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

79: Perfect</a></font></li></td>

80: </tr>

81: <tr>

82: <td><li><font face="Verdana" size="2"><a href="will-future.html">Will-Future</a></font></li></td>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

83: </tr>

84: <tr>

85: <td><li><font face="Verdana" size="2"><a href="goingto-future.html">Going

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

86: to</a></font></li></td>

87: </tr>

88: <tr>

89: <td><li><font face="Verdana" size="2"><a href="adverbienundadjektive.html">Adverbs

-[COLOR=red]-Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

90: and Adjectives</a></font></li></td>

91: </tr>

92: <tr>

93: <td><li><font face="Verdana" size="2"><a href="conditionals.html">If-Sätze/Bedingungssätze</a></font></li></td>

[COLOR=red]--Fehler: illegal context for <LI> - must appear in <DIR

--Fehler: MENU

--Fehler: OL

--Fehler: UL> element.[/COLOR]

94: </tr>

95: <tr>

96: <td><li><font face="Verdana" size="2"><a href="reportedspeech.html">Reported

[COLOR=red] --Fehler: illegal context for <LI> - must appear in <DIR

Fehler: MENU

--Fehler: OL

--Fehler: UL> element. [/COLOR]

97: Speech/Indirekte Rede</a></font></li></td>

98: </tr>

99: <tr>

100: <td valign="top"> <br> <br> <div align="center"><a href="../../index.html" target="_parent"><img src="../backbutton.jpg" width="80" height="30" border="0" alt=""></a></div></td>

101: </tr>

102: </table>

103:

104: <div align="center"><br>

105: <font face="Verdana" size="2">© by: Nicola Jayne Dökel</font></div></td>

106: </tr>

107: </table>

108: </div></td>

109: </tr>

110: </table>

111: </div>

112: </body>

113: </html>

@meowJan 31.2003 — #But please, do you have the original page? Should we all edit that to take away the output from the lint you have used? ?

@SarahlouiseauthorJan 31.2003 — #Hi Meow,

Do you mean I should put on the link to the original page? If so it is here:

http://www.kico4u.de/english/grammatik/grammatik.html

I'm sorry I idn't know what you meant.

Thanks,

Sarahlouise

@meowJan 31.2003 — #It's full of errors but the links seem to work. What browser did you use when they didn't work?

It saddens me that you have paid someone for this.

@SarahlouiseauthorJan 31.2003 — #Hi Meow,

It does work and I repaired everything that wasn't working myself. The webdesigner was supposed to repair my html mistakes on my pages. Tha main pages were the most important. However, every single page is different and I can't follow them, because I don't know which one of them is right, so I thought if at least one of them is right - from thr HTnl point of view, then I can work from there, because my son and I will be able to suss it out then.

The pages all work in a browser, there is no problem there. I just want the Html to be right, because every time I write a new page on my website I follow the wrong HTml? ? .

The strange thing is that there are listings on all of my main index pages and they've all been changed differently? .

Sometimes with td, tr's and ol and sometimes with tr, td and li's. So I thought, I would try and do it properly.

The other thing that I'm not too sure about is how to put into the meta tags that the page is in two languages ? At the moment it just says that they are in German which isn't really true.

I trusted this webdesigner and paid him straight away for all his corrections, but everyday I found a new link mistake. However that's all working now. I was just shocked that the HTMl that was supposed to have been looked at was so full of mistakes?

Thanks,

Nicky

@meowJan 31.2003 — #OK, here is what you get for free. ?

I haven't touched the meta tags and scrollbar code (please don't use that!).

It's down to one simple table and maybe it's a peculiar mix of old style and CSS but I don't know what browsers you need to support and what you understand so I tried to keep it simple.

I didn't bother to mimic spacing between items since I assumed that was more a result of the coding than per design. Hopefully you can change it to what you want.

Take it [url=http://w1.181.telia.com/~u18109800/sara.html]here[/url] and see if you get anything out of it.

You get a lesson too. Elements typically consist of <start tag>content</end tag>. Mixing tags randomly is very bad karma. :p

@SarahlouiseauthorJan 31.2003 — #Hi Meow,

Thanks ever such a lot for your kind an"free" help - I'm sure it will help me sort my website out much more than the expensive help that I got?

I shall sit down this afternoon with my son and he will explain everything to me, although I do seem to have understood everything that you have put in. It certainly looks nice and tidy

?

I haven't touched the meta tags and scrollbar code (please don't use that!). [/QUOTE] Shall I use the part that Dave corrected for me?

It's down to one table and maybe it's a peculiar mix of old style and CSS but I don't know what browsers you need to support and what you understand so I tried to keep it simple. [/QUOTE] Yeh it needs to be simple, so that I understand it. I have to support mostly netscape and internet explorer.

You get a lesson too. Elements typically consist of <start tag>content</end tag>. Mixing tags randomly is very bad karma[/QUOTE] I've learnt so much in the past few months ? and especially in the past couple of weeks ? . I think that is one of the advatages of hiring the webdesigner?

Thanks ever such a lot for your time and great support.

Sarahlouise

@SarahlouiseauthorJan 31.2003 — #Hi Meow,

Sorry about this:

I haven't touched the meta tags and scrollbar code (please don't use that!). Shall I use the part Dave gave me?[/QUOTE]

I've just been looking through the code and have been able to understand what you've done. You've already put it into the head, so I don't need to re-do it? .

It's quite easy to understand and I've nearly sussed everything out noow.

Yet again,

Thanks ever such a lot,

Sarahlouise?

@meowJan 31.2003 — #Good. ;-)

It's far from the most elegant way to do it but it isn't too bad either. As you may understand I wanted to at least take text formatting from HTML to CSS without making it too hard to grasp. Glad it wasn't. :p

WDG has very good references for HTML4 and CSS1 that's a bit easier to understand than the specs themselves. You can download them in Windows help format if you want. They are extremely when one needs to look something up.

http://www.htmlhelp.com/

@meowJan 31.2003 — #I forgot. Use headers (h1, h2...) and paragraphs. For this page everything was in a list but normally you want Ps. ?

@SarahlouiseauthorJan 31.2003 — #Okay Meow,

I'll do that. I was actually wondering how I would do my paragraphs ?, and I'll have a look at the link this afternoon.

Thanks

Sarahlouise.

@SarahlouiseauthorJan 31.2003 — #Hi Meow,

Could you just expain to me, what I need to put in here, because it's the only thing that I don't understand?

/* Change the class names (aaa, bbb, ccc, ddd) to something that means something to you ) */

a.aaa:link, a.aaa:visited, a.aaa:hover, a.aaa:active

{ color: #00afff; background: #ffff99 }

a.bbb:link, a.bbb:visited, a.bbb:hover, a.bbb:active

{ color: #ff9f00; background: #ffff99 }

a.ccc:link, a.ccc:visited, a.ccc:hover, a.ccc:active

{ color: #ff00c0; background: #ffff99 }

a.ddd:link, a.ddd:visited, a.ddd:hover, a.ddd:active

{ color: #00c070; background: #ffff99 }

Thanks,

Sarahlouise

@SarahlouiseauthorJan 31.2003 — #Hi Dave,

Thanks a lot. I didn't knoiw what all the different words meant, but now that you've explained them to me, I can understand them better.

Thanks,

Sarahlouise

@meowFeb 01.2003 — #[i]Originally posted by Sarahlouise [/i]

[B]Hi Meow,

Could you just expain to me, what I need to put in here, because it's the only thing that I don't understand? [/b][/quote]

If you want each link, or groups of links, to have a different color you give the link(s) a class in the html like so:

< href="" class="classname">

Then you use that class to define a CSS rule.

In the example the selectors (look it up ? ) is in a comma separated list because you wanted the same color for all states of the link and this is a way to group selectors. If you don't want that you have to write one rule for each state:

a.classname:link {}

a.classname:visited {}

and so on. Exactly as with the 'basic links' above in the code, only with the class names added.

Also in #HTML _↴

someone with IE and a mac...I need it and I don't even know what its called Why when the mouse points to the gif image, a tool bar appears?

Success!

Help @Sarahlouise spread the word by sharing this article on Twitter...

Tweet This

Can anybody help me?

20 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Can anybody help me?

20 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

20 Comments(s) _↴

Also in #HTML _↴