Css design wird nicht angezeigt?

... komplette Frage anzeigen

5 Antworten

Wenn kein Design angezeigt wird, ist wohl die CSS-Datei falsch verlinkt. Überprüfe mal, ob die Datei tatsächlich dort existiert, wo sie angegeben ist.

Antwort bewerten Vielen Dank für Deine Bewertung

index.html:




Chat-for-you-hompage

Chat-for-you

Links

  • Regeln
  • Team-seite
  • Chat
  • Forum
  • News/Infos

    style.css:
    body{
    background-color:lightblue;
    text-align:center;
    list-style-type:none;
    }

    #hompage{
    background-color:
    width:980px;
    margin:0 auto;
    }

    #header{
    width:980px;
    height:150px;
    background:orange;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    }

    #header h1{
    padding-top:50px;
    font-size:60px;
    font-weight:bold;
    color:white;
    font-family:courier;
    }

    #main{
    width:980px;
    }

    #menü{
    float:left;
    width:200px;
    height:300px;
    background:yellow;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    }

    #inhalt{
    float:right;
    width:770px;
    height:300px;
    background:darkred;
    margin-top:10px;
    margin-bottom:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    }

    #footer{
    width:980px;
    height:30px;
    background:orange;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    margin-top:20px;
    clear:both;
    }

    Antwort bewerten Vielen Dank für Deine Bewertung

    Das ist mein code:

    index.html:


    rel="stylesheet">

    Chat-for-you-hompage

    Chat-for-you

    Links

    link1

    link2

    link3

    News/Infos

    style.css:
    body{
    background-color:lightblue;
    text-align:center;
    list-style-type:none;
    }

    #hompage{
    background-color:
    width:980px;
    margin:0 auto;
    }

    #header{
    width:980px;
    height:150px;
    background:orange;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    }

    #header h1{
    padding-top:50px;
    font-size:60px;
    font-weight:bold;
    color:white;
    font-family:courier;
    }

    #main{
    width:980px;
    }

    #menü{
    float:left;
    width:200px;
    height:300px;
    background:yellow;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    }

    #inhalt{
    float:right;
    width:770px;
    height:300px;
    background:darkred;
    margin-top:10px;
    margin-bottom:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    }

    #footer{
    width:980px;
    height:30px;
    background:orange;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    margin-top:20px;
    clear:both;
    }

    Antwort bewerten Vielen Dank für Deine Bewertung

    @Balco Habe das Problem gefunden,falsch verlinkt ich habe alles Einzelnt hochgeladen und gerade nochmall geguckt ubd den ganzen Ordner von mir hochgeladen.

    Vielen vielen Dank.

    Antwort bewerten Vielen Dank für Deine Bewertung

    Lade den Code mal auf eine Seite wie z.B. http://pastebin.com hoch (GF stellt den Code nicht immer korrekt dar), dann können wir dir hier besser helfen.

    Antwort bewerten Vielen Dank für Deine Bewertung