www.die13tekraehe.de - Meine erste Homepage

    Hallo!


    Ich habe eine Homepage für meinen Mann erstellt und würde mich freuen, wenn ihr sie euch mal unter <!-- w --><a class="postlink" href="http://www.die13tekraehe.de">http://www.die13tekraehe.de</a><!-- w --> ansehen könntet. Es ist meine erste Homepage, daher vermutlich weit entfernt von perfekt, aber zumindestens ist die Anzeige in den meisten Browsern konsistent (was auch gedauert hat :D).


    Ich bin natürlich offen für Kritik und Verbesserungsvorschläge. Über Lob freu ich mich aber auch :)


    Eine kurze Frage zwecks der Navigation hätte ich noch: Ist es möglich, die Navigation in einer externen Datei zu speichern und dann einfach in die Seiten einzubinden (abgesehen per ssi, PHP oder Frames. Mein Provider unterstützt ssi und PHP in meinem Paket nicht und ich bin kein Fan von Frames.)?


    Danke euch!


    LG konishkichen

    Sieht gut aus, Kompliment!


    Trotzdem hat es im Quelltext kleine Fehler, folgendes:


    1.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <html>


    Das gehört hier nicht rein, darum die 3 Warnungen im (X)HTML-Validator.


    2.
    Für die Definition, dass ein Link in einem neuen Tab/Fenster geöffnet werden soll (target="_blank") ist die Doctype-Deklaration "transitional" nötig und nicht wie bei dir "strict".


    3.
    <h3><u>Links</u></h3>


    Mit heutigem Standard wird das nicht mehr so geschrieben, ich würde es in CSS definieren, vor allem um den Quelltext schlank zu halten.


    4.
    Der beiden Tag's <br /> und <hr /> würde ich nicht benutzen, da kann man mit CSS viel bessere und schönere Varianten machen.


    Die Tag <br /> erscheint für viele als praktisch und möchten nicht darauf verzichten und verwenden ihn dann zu oft. Manchmal so schlimm, dass es nur so Ihnen wimmelt, was ich persönlich unübersichtlich finde und extrem stört. Mit padding und margin über CSS ist es viel besser und angenehmer!



    Habe mir jetzt nur einmal den Quelltext der Startseite angeschaut...

    also mir gefällt der geader nicht besonders. die schrift wirkt verpixelt, und das instrument rechts ist nicht gut zu sehen.


    vllt solltest du mal das instrument umrahmen... (weisser leuchteffect)


    Ach deswegen die Fehler. Und ich hab mich schon gewundert :)


    Wie mache ich das mit padding und margin im Text? Ich dachte, das wäre nur für den Rand.... und was würdest du statt <hr /> verwenden?


    Bezüglich des Headers: Den muss ich eh nochmal neu als Vektorgrafik machen, ich denke, dann sieht's besser aus. Wie umrahm ich denn das Instrument? Gibt's da ne einfache Möglichkeit (bin absoluter Neuling was Photoshop und Konsorten angeht)?


    Danke für die Tipps!

    Mit padding definierst du den Innenabstand, das heisst den Abstand eines Textes zu einem Rand.


    Mit margin definierst du den Aussenabstand, das heisst den Abstand zwischen zwei Boxen (Bsp.: <div></div>). Daneben gibt es aber noch Spezialfälle.


    Sonst zu margin und padding im Seminar: <!-- m --><a class="postlink" href="http://www.html-seminar.de/box-modell.htm">http://www.html-seminar.de/box-modell.htm</a><!-- m -->


    In deinem Fall hast du <hr /> eigentlich gut eingesetzt, Alternative wäre mit einem Rand zwischen zwei Boxen, Vorteil ist, dass du viel mehr Möglichkeiten hast, was das Design und die Position betrifft.

    Du meintest ja ich sollte <br/> rauslassen und es stattdessen über margin und padding definieren. Das versteh ich nicht so ganz, wie das funktionieren soll...


    Kleine Frage am Rand: Wenn ich eine feste Seitenbreite definieren möchte, hab ich ja aber einer bestimmten Bildschirmbreite Ränder. Gibt es eine Möglichkeit diese einzufärben? Weiß sieht meistens ziemlich bescheiden aus...

    Alle Absätze in diesen Tag setzen: <p></p> und dann mit padding die Abstände definieren.


    Zur zweiten Frage:


    per CSS:


    body {
    background-color: #xxxxxx;
    }


    Oder habe ich die Frage falsch verstanden?

    Sodala, Header ist jetzt nicht mehr pixelig, den Dudelsack (finde ich) sieht man jetzt auch besser und durch die begrenzte Seitenbreite siehts viel aufgeräumter aus (vor allem bei Widescree-Bildschirmen).


    Das einzige, was ich jetzt noch aussetzen könnte, ist, dass es mir im IE und Opera auf jeder Seite (außer der Startseite) die Navigation zusammenschiebt. Firefox stellt es richtig dar (in der Scriptly IE Vorschau sieht es auch noch richtig aus). Den Fehler konnte ich immer noch nicht finden....

    Die Doctype-Deklaration stimmt immer noch nicht, richtig 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">

    Wie währe es denn noch mit einem Hover-Effekt bei der Navigation?


    Außerdem würde ich den Text nicht zentrieren, dadurch ist es schwerer zu lesen.


    P.S.: Machen die mittelalterlichen Dudler das eigentlich auch wie die Schotten? :lol:


    mfg Hendrik232

    Wie krieg ich denn einen Hover-Effekt bei den Bildern hin? Hover bei Text krieg ich ja noch hin, aber bei den Bildern bin ich echt ratlos...


    Die Griffweise ist bei deutschen Dudelsäcken anders, aber ansonsten ja :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden