AnnoZone Forum

Ich hab nen paar Leerzeilen weggenommen, die machen ab und zu Probleme bei der Gecko Engine(FF und Netscape), wobei der IE eigetnlich diese Leerzeilen braucht, aber so genau kenn ich mich mit dem Wirrwarr net aus

hallo freizeitmieze

Ich kann Dir leider nicht konkret bei deinem '2pixel Abstand' Problem helfen aber ich dacht ich sollte Dich drauf hinweisen, dass Du eventuell mit deinem HTML nie zu einem zufriedenstellenden Resultat kommen kannst. Grob gesagt existieren zurzeit zwei verschiedene Arten HTML zu programmieren 'Strict' und 'Transitional'. Hier steht noch etwas mehr darüber:
'http://de.selfhtml.org/html/referenz/varianten.htm

Anhand der ersten Zeile im Quellcode Deiner Webseite entscheidet jeder Browser wie er die Page verarbeitet. Nur bei 'Strict' kannst Du zu 98% sicher sein, dass die Seite und jeder Abstand auf den Pixel genau in jedem Browser gleich aussieht. Bei 'Srtict' muss man wenige, genau definierte html Befehle verwenden (Formatierung mit CSS, Block-Elemente, etc.).

Deine Page ist 'Transitional', was soviel bedeutet wie: "Lieber Browser, mach mir hieraus eine schöne Webseite". In diesem Modus hast Du keine Kontrolle darüber wie ein Browser die Page anzeigen wird. Wie Du ja bemerken musstest, macht da jeder Browser was er will. In diesem Modus sind alle html Befehle erlaubt, auch die ganz alten, die man noch vor 10 Jahren benutze. Diesen Modus gibt es aus Kompatibilitätsgründen, damit auch ältere Webseiten noch angezeigt werden können. Pixel genaues Platzieren kannst Du damit aber vergessen. Tabellen für das Layout zu missbrauchen ist sehr schlechter Stil und wird heute für neue Webseiten eigentlich nicht mehr benutzt.

Bevor Du dir also Tage und Nächte um die Ohren schlägst um ein veraltetes html zu lernen, das nie Pixel genaues Layout ermöglichen wird, könnte es sich für Dich lohnen, dich eingehender mit html 'strict' und zu CSS zu beschäftigen.

Ich hängmal wieder was dran
Allerdings kann ich das auch nur mit W3C valide, weil ich dat inna Schule so gelernt habe und mich net wieder umstellen möchte.

Cache leeren und vielleicht Strg+F5 drücken

Müsste so gehen
a:link { text-decoration:none; }

Aber mal was anderes:
Du müsstest was am Zeichensatz ändern
Deiner jetzt verträgt sich nicht mit ä, ü und ö und mit dem ß.

Zitat

Originally posted by Thunnes
Aber mal was anderes:
Du müsstest was am Zeichensatz ändern
Deiner jetzt verträgt sich nicht mit ä, ü und ö und mit dem ß.

Liegt nicht nur am Zeichensatz... schau mal in den Quelltext, da ist für jeden Umlaut ein utf-8 Zeichen und dann noch ein (falscher) HTML-Unicode dahinter, so als ob die Seite falsch von iso-8859-1 konvertiert wurde.

Lässt sich nur durch Handarbeit wieder korrigieren, also alle Umlaute einmal durchgehen und durch korrekte HTML Unicodes ersetzen.

Zitat

Originally posted by freizeitmieze
Ich weiß nicht wie ich das wieder wegbekomme.

Zitat

Originally posted by Sir Henry
Lässt sich nur durch Handarbeit wieder korrigieren, also alle Umlaute einmal durchgehen und durch korrekte HTML Unicodes ersetzen.

Das müsste in den Head normalerweise, aber du kannst das ja auch wie href direkt in das <a ...> einbauen, sodass nur dieser spezielle Link keinen Unterstrich hat
Bei der ersten Variante wird bei allen Links kein Strich gemacht

edit1: Zu den Zeichen musste z.B. die Hexadezimalzahlen reinbringen.
Einfacherere Lösung wäre es alles in den unicode Zeichensatz zu bringen.
Lies dir das mal bei wiki durch

edit2: Ich benutze Firefox in der beta 1 mit der Gecko-Engine 1.9b1

<style type="text/css">

Das musste darsu machen oder hasses jetzt

Da ich gerade angefangen habe selbst an einer Homepage zu basteln kann ich die Empfehlungen von Nemo nur bestätigen!!!
DANKE an Nemo
Wenn Du zB WYSIWG erstellte Seiten mit den strict programmierten Seiten vergleichst....

Zitat

Original von Nemo
hallo freizeitmieze
....
http://de.selfhtml.org/html/referenz/varianten.htm

Anhand der ersten Zeile im Quellcode Deiner Webseite entscheidet jeder Browser wie er die Page verarbeitet. Nur bei 'Strict' kannst Du zu 98% sicher sein, dass die Seite und jeder Abstand auf den Pixel genau in jedem Browser gleich aussieht. Bei 'Srtict' muss man wenige, genau definierte html Befehle verwenden (Formatierung mit CSS, Block-Elemente, etc.).

Deine Page ist 'Transitional', was soviel bedeutet wie: "Lieber Browser, mach mir hieraus eine schöne Webseite". In diesem Modus hast Du keine Kontrolle darüber wie ein Browser die Page anzeigen wird.
...
Bevor Du dir also Tage und Nächte um die Ohren schlägst um ein veraltetes html zu lernen, das nie Pixel genaues Layout ermöglichen wird, könnte es sich für Dich lohnen, dich eingehender mit html 'strict' und zu CSS zu beschäftigen.

Auch wenn Du schon 6 Jahre anders glücklich geworden bist...
Aber Du fänsgt ja schon an im Netz zu suchen.. und die meisten beziehen sich irgendwann auf "selfhtml" .

Gruß, Kateker

Danke für die Kateker. Ich wünsche Dir schon jetzt eine effiziente und sorgenfreie Gestaltung Deiner Wegpage ohne all den Problemen, die hier besprochen werden... ;-)

Liebe Freizeitmieze, auch wenn mir weder Dein html Stil, noch das Layout der Page gefällt, ganz zu schweigen von meiner Aversion gegen völlig übertriebene blinkende und glitzernde Ramen auf der Seite. So muss ich doch ganz klar sagen:

Freizeitmieze, Deine Page ist ein Kunstwerk!

Und das ist ein Kompliment. Die Page ist aus einem Guss, hat Charme und ist wohl einzigartig, zumindest habe ich noch selten so etwas gesehen. Auch der Quellcode ist eher ein kunstvolles Gedicht als Programmiersprache. 20 mal <small> hintereinander, einfach göttlich.

Insgeheim habe eigentlich nur Mitleid, dass Du die Webseite nicht mit moderneren Methoden entwickelst. Daher noch ein gratis Tipp:

Du kannst bei fast allen html TAGs ein style Attribut einbauen:
<TAG style="color:white;background-color:#884455">

Du könntest also bei Deinem 'Link ohne Unterstrich Problem' auch benutzen:
<A href="verlinkteSeite.html" style="text-decoration:none"> Link text </A>

Das gehört dann in jeden Link, der nicht unterstrichen werden soll. Deine jetzige Lösung macht das im header für alle Links in der Page.

So, jetzt aber genug der Nostalgie. ;-)