Bitte Helfen! Habe ein problem bei homepage

  • hey leute =)


    hab ein problem bei meiner homepage, wäre nett wenn jmd helfen könnte =)


    wäre supermeganett wenn ihr die 2 dateien "index.html" und "design.css" mal fix erstellen könntet (unten stehen die inhalte dieser 2 dateien)...lest dann bitte den kurzen text durch auf der seite,...,da stehen meine probleme drinn (ich schreibs hier nicht weil es ist besser wenn ihr das auch visuell seht)


    was muss in an der disign.css datei verändern?


    DANKE im voraus =))))


    PS: i bin anfänger also ne wundern wenn da alles falsch sein sollte ;D


    ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


    meine "index.html" datei:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Startseite</title>
    <meta name="description" content="Startseite">
    <meta name="keywords" content="Startseite">
    <meta name="author" content="Philipp">
    <meta name="editor" content="html-editor phase 5">
    </head>


    <body text="#000000" bgcolor="#111111" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <link href="design.css" type="text/css" rel="stylesheet" />



    <div id="seitenbereich">
    <font size=5>
    <div id="navi"> <ul>
    <li> <a href="index.html">Startseite</a> </li>
    <li> <a href="über.html">Über mich</a> </li>
    <li> <a href="news.html">News</a> </li>
    <li> <a href="kontakt.html">Kontakt</a> </li>
    <li> <a href="sonstiges.html">Sonstiges</a> </li>
    </ul>
    </div>
    <div id="inhalte"> <font size=3>Homepage &gt; <a href="index.html">Startseite</a> <hr/>
    <p> <font size=5>Hey Leute.! =) <br> </p>
    <p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Warum ist dieser Text jetzt ganz links? Wie kann ich ihn so wie den text darüber anordnen?
    <br/>
    <br/>



    und "design.css" datei
    <style type="text/css">
    <!--


    body {
    text-align: center;
    }


    #seitenbereich {
    text-align:left;
    margin: 0 auto;
    width: 1000px;
    background-color:#A9a9a9;
    }


    #navi {
    float:left;
    width:10em;
    background-color:#808080;
    }


    #inhalt {
    margin-left: 14em;
    background-color:#A9a9a9;
    }


    a:link {
    color: black;
    text-decoration: underline;
    }
    a:visited {
    color: black;
    text-decoration: underline;
    }
    a:hover, a:focus {
    text-decoration: none;
    color: white;
    }
    a:active {
    text-decoration: none;
    color: #C0C0C0;
    }


    -->


    ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

  • Huhu (=


    Als erstes, bitte verwende wenn du Code postet den entsprechenden Code-BBcode

    Code
    Hier kommt mein Code rein rein


    Soa.. nun zu deinem Code (=


    Öhm.. pack den Text einfach in ein div? (=
    Diesem gibst du dann evtl. noch einen Linken Außenabstand (margin) von der Breite der Navigation.


    Noch Allgemein zu deinem Code:
    In die Styledatei gehört nichts außer dem CSS-Code. <style.. o.A. gehört da nicht rein!
    Außerdem lagere bitte ALLES aus, kein Element bekommt einen style="...", die Sachen aus dem <body> kommen ebenfalls raus.
    Zudem ist <font> veraltet, verwende lieber die CSS-Eigenschaft font-size.


    Übrigens gehört <link> in den <head> rein :wink:
    Und ich hoffe doch, dass du <body> und und so auch alle schön schließt!


    Bitte fange auch an, den Code einzurücken, dass erhöht die Lesbarkeit deines Codes :wink:


    Sarkkan

  • cool! DAANNKKEE =)


    jetzt klappts =)


    hab CSS datei jetzt so:


    #NAVI2 ist Breadcrumbs-Navigation


  • Auch das <!-- und das --> gehören nicht in die Datei herein!


    Außerdem sind 1000px Breite zu groß :/
    Beziehungsweise könnte Eng werden, arbeite lieber mit ~960px o.Ä.


    Außerdem empfiehlt es sich nicht em für Breiten oder Höhenangaben zu nutzen, wenn sich diese nicht direkt auf den Text beziehen, da sich die Größe em an der Schriftgröße Orientiert!
    Beispiel:

    Code
    | 12px | 14px | 16px | ...
    -------|------|------|------|-----
     1em   | 12px | 12px | 12px | ...
     1.5em | 18px | 21px | 24px | ...
     2em   | 24px | 28px | 32px | ...


    Wenn nun z.B. durch den Benutzer eine Feste Schriftgröße verwendet wird oder dieser die Schriftgröße Manuel vergrößter, so könnte es sein, dass dein gesamtes Layout verschiebt :/

Jetzt mitmachen!

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