HTML/CSS Hilfe..

Jakob5603 · 25. April 2018

Hey! Ich bin grade dabei HTML / CSS zu lernen, jedoch habe ich ein paar Probleme.

Folgendes verstehe ich nicht: Wenn ich etwas in meinem index.html Dukument schreibe, wie verbinde ich dieses dann mit CSS (wie mache ich es dass genau dieses mit der style.css bearbeitet wird)?

Ich habe außerdem einmal probiert einen Button zu machen, was ist daran falsch?

<!DOCTYPE html>

<html>

<head>

<style>

}

</style>

</head>

<body>

<form>

<form {

background-color: #4CAF50;

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

cursor: pointer;

</form>

</body>

</html>

Ich bitte um hilfe, viele Grüße!

basti1012 · 25. April 2018

Mach es mal so,das sieht besser aus

HTML

<!DOCTYPE HTML>
<html>
<head>
<style>
  #button1{
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<input type="button" id="button1" value="Beweben" onclick="window.location.href='http://www.playgalaxy.net/bewerben'">
</body>
</html>

Alles anzeigen

Wie meinst du das mit der Css?

Meinst du wenn du eine extra Css Datei hast und nicht wie jetzt die Css in der Html steht?

Dann mußt du die Daten der Css in einen extra document schreiben und zb style.css nennen .

Danach bindest du die so ein

HTML

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<input type="button" id="button1" value="Beweben" onclick="window.location.href='http://www.playgalaxy.net/bewerben'">
</body>
</html>

die html und css solten in diesen Beispiel im gleichen Ordner sein

Jakob5603 · 25. April 2018

Wie könnte ich diesen Button den in CSS "bearbeiten"?

Stef · 25. April 2018

Hey,

du kannst über CSS mit den Selektoren auf den Button zugreifen.

Auf Klassen mit dem .Klassenname und auf Ids mit #deineId.

Beispiele:

Klasse:

HTML

<input type="button" class="button1" value="Beweben" onclick="window.location.href='http://www.playgalaxy.net/bewerben'">

CSS

.button1{
    background-color: green;
}

Id:

HTML

<input type="button" id="button1" value="Beweben" onclick="window.location.href='http://www.playgalaxy.net/bewerben'">

CSS

#button1{
    background-color: green;
}

Grüße,

Stef

HTML/CSS Hilfe..

Jetzt mitmachen!

Teilen

Tags