css im html

    Hallo,

    ich will für meine Firma eine Intranetseite erstellen und dabei meine .css stylesheets in eine eigene Datei schreiben.
    Zur Erstellung des html-Codes verwende ich HTML Editor Phase5. Die .css-Datei liegt im gleichen Ordner wie meine Seiten.
    mein Problem ist nun, dass die Styles nicht übernommen werden, trotz der richtigen Verlinkung im html-code (<link rel="stylesheet" type="text/css" href="style.css">).
    Was muß ich tun, damit ich meine css-datei verwenden kann?

    Grüße aus dem sonnigen Wien
    Joschi

    Meine css-Datei sieht folgendermaßen:
    B { font-family: Verdana, Arial, New Times Roman, Courier; font-color: black; font-size: 11px;}
    /*Rahmen*/
    borderleft {border-top: 1px none; border-bottom: 1px none; border-left: 1px solid; border-right. 1px none; border-color: #000000 }
    borderright {border-top: 1px none; border-bottom: 1px none; border-left: 1px none; border-right. 1px solid; border-color: #000000 }
    bordertop {border-top: 1px solid; border-bottom: 1px none; border-left: 1px none; border-right. 1px none; border-color: #000000 }
    borderbottom {border-top: 1px none; border-bottom: 1px solid; border-left: 1px none; border-right. 1px none; border-color: #000000 }
    tableborder {border: 2px solid; border-color: #000000 }

    Richtiges CSS schreiben. Ansonsten hast du schon alles richtig gemacht. Also mit dem Einbinden.

    Code
    B { font-family: Verdana, Arial, New Times Roman, Courier; font-color: black; font-size: 11px;}
/*Rahmen*/
borderleft {border-top: 1px none; border-bottom: 1px none; border-left: 1px solid; border-right. 1px none; border-color: #000000 }
borderright {border-top: 1px none; border-bottom: 1px none; border-left: 1px none; border-right. 1px solid; border-color: #000000 }
bordertop {border-top: 1px solid; border-bottom: 1px none; border-left: 1px none; border-right. 1px none; border-color: #000000 }
borderbottom {border-top: 1px none; border-bottom: 1px solid; border-left: 1px none; border-right. 1px none; border-color: #000000 }
tableborder {border: 2px solid; border-color: #000000 }


    Ist völliger Quark.
    Du könntest Klassen definieren, dann musst du allerdings davor Punkte setzen... z.B. .borderleft

    Aber ich denke, dass du mit B z.B. den Body formatieren wolltest. Das heisst dann in CSS auch body {...}

    Dort kannst du dann auch Rahmen von einzelnen Elementen definieren.

    ich stimme mal zu. was du da definiert hast is fürn müll.

    schau dir mal http://www.css4you.de an. da findest alle benötigten befehle
    die du in deinen stylesheets anwenden kannst...

    ok, ok
    bin schon draufgekommen, das es müll ist, ich hab nämlich vor den definierten Klassen immer den Punkt vergessen

    driver
    hab ich mir schon angesehen

    vielen dank, jetzt kann ich meine arbeit hoffentlich ungehindert fortsetzen

    grüße joschi

    Zitat von joschi77

    ok, ok
    bin schon draufgekommen, das es müll ist, ich hab nämlich vor den definierten Klassen immer den Punkt vergessen

    Der fehlende Punkt ist nicht alles:

    Code
    borderleft {border-top: 1px none; border-bottom: 1px none; border-left: 1px solid; border-right. 1px none; border-color: #000000 }
borderright {border-top: 1px none; border-bottom: 1px none; border-left: 1px none; border-right. 1px solid; border-color: #000000 }
bordertop {border-top: 1px solid; border-bottom: 1px none; border-left: 1px none; border-right. 1px none; border-color: #000000 }
borderbottom {border-top: 1px none; border-bottom: 1px solid; border-left: 1px none; border-right. 1px none; border-color: #000000 }

    Hier heben sich die Rahmen gegenseitig wieder auf.

    Das gleiche, aber dann richtige Ergebnis erreichst du mit z.B.

    Code
    .tableborder {border:1 px solid #000000}

    Im HTML-Quelltext schreibst du dann z.B.

    Code
    <table class="tableborder" ...


    http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border

    G.a.d.M.

    Ronald