Css wir bei Visual Studio Code nicht übernommen?
Hallo,
ich muss von der Schule aus eine Webseite mithilfe von html und css in VS Code erstellen. Nun wollte ich eine Tabelle machen was im reinen html einwandfrei funktioniert hat. Nun wollte ich css dazu nehmen, aber alles was ich im css-file mache wird nicht übernommen und es bleibt wie als wäre es nur html. wenn ich aber was in html ändere wird es direkt übernommen also gibts beim speichern keinen Fehler. Ich denke mal, dass ich irgendwo was vergessen habe oder falsch habe- Hab mir auch schon einige Tutorials angeguckt, konnte aber trotzdem nichts finden. Habe es auch teilweiße 1:1 kopiert, aber es ging trotzdem nicht. Hoffe mir kann jemand helfen und mir sagen was ich falsch gemacht habe.
1 Antwort
Das Problem ist, dass dem Link zur CSS-Datei das Attribut rel="stylesheet" fehlt. Der Grund dafür ist, dass das link-Element nicht nur für CSS-Dateien sondern auch für andere Dinge wie z.B. das Icon oder die Manifest-Datei der Seite genutzt werden kann und deshalb der zweck der Datei angegeben werden muss.
<link rel="stylesheet" href="style.css" />
Ansonsten solltest du alle link-Elemente in das head-Element verschieben und es sollte nur ein body-Element geben, welches den Inhalt der Seite enthält. Außerdem besitzt ein table-Element kein Attribut namens border (worauf VS Code dich auch hinweist). Die Border eines Tables muss in der CSS-Datei oder dem style-Attribut festgelegt werden.
lg Suiram1
Du müsstest im CSS Code die Eigenschaft table-layout vom table auf fixed setzen und anschließend kannst du die CSS width Eigenschaft der th und td setzen.
Solche Sachen kann man übrigens auch sehr einfach googlen. In diesem Fall ist es mit der Suchanfrage "css set table column width" getan.
Perfekt, vielen Dank es funktioniert nun alles. Weißt du aber vielleicht auch wie man es hinbekommt, dass jede Spalte genau gleich breit ist.
lg Timo