Navigation/ Verlinkung

  • Hallo @all,

    ich habe letztes WE angefangen, mich in Html ein bisschen einzulesen.
    Ich versuche, meine Hp (die mit Frontpage erstellt war) in Html umzumodeln.

    Es gibt im Internet zwar tausend Treffer zu allen Themen, aber das spezielle findet man manchmal nicht.
    Ich bin noch mit der Startseite beschäftigt. Momentan hakt es mit der Navigation/ Platzierung.

    Wäre schön, wenn mir jemand erklären könnte, was ich falsch mache.

    (So soll's aussehen: http://www.bettina-heinzl.de)
    Hier der bisherige Quelltext:
    <html>
    <head>
    <title>Bettina Heinzl</title>
    <meta name="keywords" content="Malerei, Fotos, Bücher, Acryl, Gemälde, Leinwand, Kurzgeschichten, Skizzen, Studien">
    <head/>

    <body>
    <body bgcolor="#3A3A32">
    </body>

    <img src="bilder/rechteck1.jpg" style="Position: absolute; widht: 480; height: 590; top:0; left:40px;
    z-index:-2' fillcolor="#cbc2b1">
    <a href="malerei.html"> Malerei <font size="20; left:500px; top:300px; font face="ARIAL" </font>
    </a>

    <!-- Rechteck links unter Startfoto. Einrücken ist Versuch zur Navigation-->
    <img src="bilder/rechteck2.jpg" style="Position: absolute; widht: 120; height: 260; top:0; left:650px;
    z-index:-2' >
    <!-- Rechteck rechts unter Startfoto -->

    <p align="center">
    </p>
    <img src="bilder/a-bg-start.gif" alt="Bild Schieflage" border="0" width="817" height="525"
    style="Position: absolute; top: 30px; left:220px; ">
    <!-- Das style-Teil hab ich aus einem Forum und nach meinen Wünschen geändert.
    Warum ist hier am Ende ein Leerzeichen vor den Anführungsstrichen? -->

    </body>

    </html>

  • Wäre schön, wenn mir jemand erklären könnte, was ich falsch mache.

    Als erstes mal die Englische Rechtschreibung beachten!

    widht: 480;


    Es heißt:

    Code
    width: 480px;

    Als nächstes: Bitte nur ein <body> verwenden!

    <body>
    <body bgcolor="#3A3A32">
    </body>


    zu:

    HTML
    <body bgcolor="#3A3A32">


    Denn sonst beendest du den body bevor was drin steht!

    <img src="bilder/rechteck1.jpg" style="Position: absolute; widht: 480; height: 590; top:0; left:40px;
    z-index:-2' fillcolor="#cbc2b1">


    So weit ich weiß müsste es:

    HTML
    <img src="bilder/rechteck1.jpg" style="Position: absolute; width: 480px; height: 590px; top:0px; left:40px;
    z-index:-2px; fillcolor="#cbc2b1";>


    sein!

    <a href="malerei.html"> Malerei <font size="20; left:500px; top:300px; font face="ARIAL" </font>
    </a>


    Also das geht so garnicht!!!

    HTML
    <font size="20; left:500px; top:300px; font face="ARIAL"><a href="malerei.html">Malerei</a></font>


    wenn überhaupt dann müsstes so gehen aber eigentlich nimmt man dafür eine css Datei!

    <p align="center">
    </p>


    Was soll der da zentrieren??? Steht doch nix drin also ist es Balast es seidenn da soll was rein!
    Wenn etwas zentriert werden soll müsste es so sein:

    HTML
    p align="center">
    zu zentrierendes Zeug!
    </p>

    So dann noch paar allgemeine Dinge:

    • Die Schrift ist viel zu dick, dass kann man kaum lesen!
    • gewöhne dir mal an immer zu schreiben in welcher Einheit deine width Angaben oder so sind, ob px oder % oder ähnliches! Denn es macht einen gigantischen Unterschied ob das 590px (Pixel) oder 590% sind!!!
  • Schau dir mal Seiten an wie die mit CSS formatieren , so sicherlich nicht


    mfg

  • Schau dir mal Seiten an wie die mit CSS formatieren , so sicherlich nicht

    An wen ging das jetzt?
    ...
    Wenns an mich gehen sollte: Ich habe nur die aller gröbsten Fehler behoben! Hab kein Bock hier auch noch aus sonem Kauderwelsch ne css, noch dazu ohne Anfrage zu erstellen! ;)

    MfG

    PS: Meine Seiten sind ganz gut mit css gesteuert!

  • Ja man merkts, du sollst es in einem Tutorial lernen nicht mit Tread wo du uns vollspamst, kannst du auch alles nachlesen

    BTW hab deine Seite kurz angeschaut, du hast definitiv noch viele Schwächen in html/css aber bitte nicht hier weiter führen, ich schreib mal bei deiner Vorstellung

  • DarkEmperor
    Danke fürs Aufzeigen der gröbsten Fehler. Damit hab ich erst mal genug zu tun, um das Kauderwelsch zu bereinigen.

    @Pion
    Mit CSS wollte ich mich erst später beschäftigen, wenn das mit html besser klappt. Steh ja noch ganz am Anfang.

    Schönes Wochenende und Gruß
    Torget