Ich kann mein <Projekt nicht mit Css einbinden


Hilfe html css

  • helfen

    Abstimmungen: 0 0,0%
  • Vorzeigen

    Abstimmungen: 0 0,0%

  • Anzahl der Umfrageteilnehmer
    0

florent osmani

Grünschnabel
Hallo Miteinander. Zurzeit bin ich Html und Css am lernen. Ich hab in ein Youtube Kanal gesehen wie jemand etwas zeigte. Er baute einen Roboter und geichzeitig erklärte er den Sinn. Ich hab es 1 zu 1 nachgemacht. Was ich in Html mache, kommt genau gleich wie bei Ihm. Aber in Css egal was ich da eingebe, es nimmt es einfach nicht an. Könnte mir jemand Evtl erklären warum ?. Oder wen ich zb nur html in css ändern möchte nimmt es leider auch nicht an.
HTML:
<!doctype
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8">
</head>
<body>
<div id="inhalt">
<h1>Hallo auf der Webseite</h1>
<p>Diese ist der Willommenstext auf dieser Webseite. Das sollte dir eigentlich zeigen wie eine Webseite aufgebaut ist.
Wir tun hier so als wen wir eine Roboter abteilung haben.
</p>
<p>folgende Bau brauchen wir für den Roboter</p>
<ul>
<li>Kopf mit Kamera</li>
<li>2 Armen mit Greifen</li>
<li>2 Kettenantrieb zum fahren</li>
<li>1 rochi mit rechenanteil</li>
<li>Akkugerät und akku</li>
</ul>
<button> Hier klicken um Roboter zusammenzubauen</button>
<button> Das sind die Eigenschaften...
<button> Modelbau</button>
<button>Bauplan</button>
</button>
<p> Wenn der Roboter fertig ist sieht er so aus</p>
<img src=C:\Users\osflo\OneDrive\Desktop\L.jpg>
</body>
</html>
CSS:
html{
    background-color: blanchedalmond;
}
h1{
    color: blue;
    font: size 40;
    background-color: cadetblue;
}
#inhalt{
    margin-top: 5px;
}
button{
    color: chartreuse;
    background-color: chocolate;
    }
    img{
        display: block;
        margin: 0 auto;
        height: 200px;
 
Zuletzt bearbeitet von einem Moderator:

Sempervivum

Erfahrenes Mitglied
Das CSS muss in einer Datei mit dem Namen style.css stehen und diese muss im selben Verzeichnis wie die HTML-Datei stehen. Ist das bei dir der Fall?
 
Zuletzt bearbeitet:

basti1012

Erfahrenes Mitglied
du must dein html aber auch noch richtig machen.Das könnte zumindest auch stören.

dein <div> von oben wird nirgendswo geschlossen .
Deine buttons haben 2 buttons im button, das sollte auch nicht klappen.

Und das schlimmst von allen ist das dein doctype nicht geschlossen ist, dewegen wird es wohl erst recht nicht gehen.
Zumindest denke ich das mal.

Nimm mal das als html
HTML:
<!doctype html>
<html lang="de">
<head>
<link href="style.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8">
</head>
<body>
<div id="inhalt">
<h1>Hallo auf der Webseite</h1>
<p>Diese ist der Willommenstext auf dieser Webseite. Das sollte dir eigentlich zeigen wie eine Webseite aufgebaut ist.
Wir tun hier so als wen wir eine Roboter abteilung haben.
</p>
<p>folgende Bau brauchen wir für den Roboter</p>
<ul>
<li>Kopf mit Kamera</li>
<li>2 Armen mit Greifen</li>
<li>2 Kettenantrieb zum fahren</li>
<li>1 rochi mit rechenanteil</li>
<li>Akkugerät und akku</li>
</ul>
<button> Hier klicken um Roboter zusammenzubauen</button>
<button> Das sind die Eigenschaften...</button>
<button> Modelbau</button>
<button>Bauplan</button>

<p> Wenn der Roboter fertig ist sieht er so aus</p>
<img src=C:\Users\osflo\OneDrive\Desktop\L.jpg>
</div>
</body>
</html>
 

Jan-Frederik Stieler

Monsterator
Moderator
Hi,
und im src des Bildes fehlen die Anführungszeichen.
Um solche Fehler zu vermeiden nimm einen Editor mit automatischer Codevervolständigung oder lass einen Validator drüber laufen.

ich muss @Sempervivum wiedersprechen, die css muss nicht im selben Verzeichnis liegen wie die HTML-Datei. Du kannst diese natürlich hinlegen wo Du möchtest, sofern dann auch der Pfad stimmt.
Du kannst CSS aber auch im Head stehen haben oder inline deklarieren nur so am Rande. in einer eigenen Datei ausgelagert ist aber am besten.

Grüße
 

Sempervivum

Erfahrenes Mitglied
So absolut wollte ich das selbstverständlich nicht verstanden wissen, sondern meine Aussage bezog sich auf das HTML des TO, das da lautet:
<link href="style.css" type="text/css" rel="stylesheet"/>
Aber egal, der TO wurde nach dem Posten seines Eingangsbeitrages nicht mehr gesehen; anscheinend hat er diesen Thread vergessen und es interessiert ihn nicht mehr :cautious: