html hilfe

Zitat von Cyberman

Wenn man die Schriften nie mit Pixel-Angaben, sondern nur mit definierten Namen bzw. EM angibt - dann sollten sie sich zumindest etwas anpassen, oder?
D.h. wenn der User die Schriftarten defaultmäßig auf GROSS gestellt hat sollten sie auch größer dargestellt werden.
Irre ich da?

Das ist soweit richtig. Nur ändert sich bei der Auflösungänderung die Default-Schriftgrösse eines Desktops (in der Regel) nicht.

Schraubst Du eine Auflösung von 800*600 auf 1600*1200 hoch, dann bleibt die schriftgrösse gleich. Die meisten wollen ja keine "feinere" Auflösung, sondern einfach nur "mehr Platz".

E_Mielke
Hab' mir deine Seite mal angeschaut (1024x768) und find sie ja ganz OK.

> und die seite sieht voll leer aus

Das kann ich so nicht nachvollziehen. Du musst ja, wenn du ne Seite erstellst , daran denken, dass du nie wissen kannst, in welcher Schriftgröße sich der Besucher deine Seite darstellen läßt. Schau doch mal deine Site an und - nachdem du hier im Forum schreibst, benutzt du ja den FF - drücke dann mal <Strg>+<+> oder <Strg>+<->. Du siehst, wie sich die Schriftgröße verändert und damit auch deine Seitenaufteilung.

Und das Problem, dass eine Seite in einem Browser so und innem andern (IE, FF oder Opera) anders aussieht, kommt dann auch noch dazu und Lösungskonzepte dazu füllen in der Zwischenzeit sicher hunderte von Buchseiten oder MB. Ich denke, dass es deshalb wichtig ist, möglichst nicht zu hohe Anforderungen der Art: "Das muss bei allen so aussehen" zu stellen sondern sich mit den HTML-Basics (--> bugcatcher) zu befassen und dann zu Beginn möglichst einfache - klar strukturierte - Seiten zu erstellen. Mit der Zeit - und vielem Lesen, Lernen und Ausprobieren - wird man dann immer besser und besser

Mit welchem Programm hast du denn die Seite erstellt?

Zitat von MartinH

Du kannst mit einer festen Breite bewirken, dass sich nichts anpasst und auf verschiedenen Bildschirmen alles gleich aussieht. Allerdings nimmt dann deine Seite bei hoher Auflösung nur die Hälfte des Bildschirms ein. Eine zu große feste Breite wie z.B. auf http://webscan.security-check.ch/test/lang=d/ nervt mich zwar ungemein, aber mit 800px bist du wohl auf der sicheren Seite.

Martin

Kann ich nur sagen:
Feste Breite ist oft nen guter Ansatz (je nach Seiten-Inhalt).
Wenn man "text-seiten" hat nerven mich gerade aufgrund meiner "hohen" Auflösung solche Seiten, die die Breite für den Text voll ausnutzen.
Der Mensch mag ungefähr Zeilen mit bis zu 80 Zeichen am liebsten.
Wenn er hingegen welche mit 160 lesen muss, dann kann er sich nicht mehr so gut konzentrieren und muss mehr "geistige Leistung" aufbringen.

Zum Thema Schriftgrößen:
Man kann schon sehr viel Kompatiblität indem man verzichtet "feste" font-sizes zu benutzen. Man nimmt lieber die Standard-Klassen à la "small" und gut ist.
Dann sollte das Ergebnis durch die verschiedenen Auflösung durch für Entwickler/Layouter als auch für den Benutzer durchaus annehmbar sein

Listamatic [EN] hat übrigens noch sehr gute Artikel mit Step-By-Step Beispielen/Erklärungen zu Listen und CSS.
Etwa: Wie baue ich ne Navi-Leiste mit Listen und CSS...
Sehr nette Sache. Und was lernen kann man auf jeden fall.

Fangen wir mal mit Kritik an:

* DOCTYPE (oder XHTML) angeben.
Ich würde erstmal nen Transitional Type nehmen... ist "fehlerresistenter"
und besser XHTML als HTML... damit biste dann gleich XML konform und zudem ist die Anforderung tags zu schließen (standardhalber) hilfreich um guten Quelltext zu schreiiben.

* h2 ist für Überschriften bestimmt und nicht für den Text.
Außerdem zugegebenermaßen ein bissle groß.
Das Standard-Element für Absatze ist p (paragraph).
Es gibt auch noch div, was ein Standard-Blockelement ist.
Diese Elemente lassen sich auch sehr leicht mit css (etwa font-size: large;) anpassen. Am besten direkt über eine stylesheet anstatt eines inline styles (also style="" Attributes).

* Tags immer schließen, das ist nämlich auch ne ganze Ecke "Browser-kompatibler" und kann zudem ne Menge komischer "Layoutfehler" ausschließen, die man plötzlich nach Änderungen im Browser sieht.

* br sollten in dem Sinne nicht für das Layout benutzt werden. Sondern rein zum Zeilenumbruch.
Auch nicht zum Absatz machen: Siehe p

* Man sollte für Bilder immer ein alt= (Alternativtext) angeben. Falls das Bild nicht geladen wird (Fehler, Regel oder gar Text-Browser) sieht man diesen Text.

* Im head Element sollte es auch immer ein title element geben.
In XHTML ist das sogar ausdrücklich benötigt.

Gute Sache ist der w3c html validator [EN]

Mein "simplifizierter" Vorschlag zu dem Dokument ist folgender.
(Habe son bissle MS Zeugs entfernt. Ferner den MSTheme Stylesheet rausgeworfen, welcher vollkommen überladen ist)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
    <title>Über mich</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <style type="text/css">
    <!--
    body
    {
        font-size: large;
    }
    .inlineimg
    {
        float: right;
        margin: 10px;
        margin-left: 20px;
    }
    -->
    </style>
</head>
<body>
    <h2>Hallo, mein Name ist Thomas Kühne</h2>


    <img src="ToKue11.jpg" width="189" height="209" class="inlineimg" alt="Mein Portrait" />


    <p>und ich komme aus Geseke, geboren wurde ich in Magdeburg.</p>
    <p>Im Schach war ich eigentlich ein absoluter Spätzünder. Ich bin erst auf Grund einer Simultanveranstaltung
    gegen GM Archipov, wo ich als Hobbyspieler teilnahm, mit 31 Jahre einem Schachverein beigetreten. 
    Mittlerweile spiele ich mit meinem Heimatverein in der Verbandsliga.</p>


    <p>Leider kam ich nicht in den 
    Genuss einen Toptrainer ab +2100 Elo, den man eigentlich in meinem
    Alter benötigt, zur Seite zu haben.Ich hab mir deshalb viel über 
    Selbststudium mit Software (Fritz) und Bücher angeeignet. Hinzu kam
    mein fast tägliches Blitztraining auf den verschiedensten Servern.</p>


    <p>Mittlerweile hab ich auf Schach.de eine Blitzelo von ca.2000.<br/>
    Meine Nicks sind E_Mielke und Sir_erich.</p>

</body>
</html>

Haste vllt ja Interesse dran...

Machst Fortschritte...

Gruss
Nils

Zitat von E_Mielke

ja echt klasse...super ,einfach toll danke
ich bekomm das bild nur nicht dargestellt,wie muss ich das ändern? und du hast ein paar menge befehle ,wo ich nun garnix mit anfangen konnte,,hatte meinen quode mir ganz stolz von selfhtml zusammengesucht ,bei der schriftart war ich auch noch skeptisch,das ist richtig und bei dir brauch man net scrollen,was auch gut ist

hör ich da nen bissle Ironie raus (oder gar schlimmeres :p)
Mit dem Bild weiß ich necht.
Ich habe deine site ge-wget-et (also gesaucht mit gelinkten files) und bei mir ist supi.

Natürlich ist das böse, einfach so viele Sachen zu schreiben ohne genau zu erklären.
Bei Fragen steh ich drum gerne bereit.
Habe mal ICQ und MSN in mein Profil gehauen... Darf auch gerne benutzt werden.

Zitat von E_Mielke

mist zuviel gelobt,nu isser wech :oops:
2 wo gesucht dafür :cry:
übrigens heute den quelltext für links komplett neu geschrieben und ohne das
gewisse programm..^^

Irgendwie hab ich den letzten post nicht (oder nur teilweise) gelesen.
Ich habe auch kein ICQ, sondern Trillian :p
Vllt bald Gaim...

Wie dem auch sei: Skype hab icke nicht...