CoolusaHD: Frage zum Wiki-Artikel „Einbindung“

SELF-Forum

Frage zum Wiki-Artikel „Einbindung“

CoolusaHD (Versionen)
– Informationen zu den Bewertungsregeln

problematische Seite

Ich komme mit dem CSS leider nicht mehr weiter.

Mit welchem Code kann ich eine .css Datei (für einen Button)

Nur leider check ich den Code nicht mit dem man die CSS Datei bei dem Button einfügen kann.

HIER DER CODE


<!doctype html>
<html>

<!DOCTYPE html>
<html>
<head>
<Style>
body {
    background: url("Hintergrund.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    padding-top: 40px;
}
<link rel="button" type="text/css" href="/var/www/menc.ddnss.de/CSS/button.css" />
</Style>
</head>
<body>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<h1 style="color:green;">Herzlich Willkommen auf Menc.ddnss.de</h1><p>
<h1 Hosted By NicodimarcoTV</h1>



<h2 style="color:white;">Wake on Lan</h2>

<form action="wake.php" method="post"/>
<input type="submit" value="Starten" />
</form>

<p><form action="restart.php" method="post">
<input type="submit" value="Neustarten" />
</form></p>

<p><form action="poweroff.php" method="post">
<input type="submit" value="Stoppen" />
</form></p>


<p style="color:white;">Teamspeak3 Server</p>

<a href="Ts.php"><img src="https://img.verylys.com/ts3_home.jpg" alt="menc.ddnss.de" width="209" height="236" border="0" alt="Home"></a>

<p Style="color:white">Ark Server</p>

<a href="ark.php"><img src="https://media-curse.cursecdn.com/attachments/169/236/ark_survival_evolved.png" width="400" height="270" border="0" alt="Home"></a>

<p style="color:white">WaW</p>

<a href="waw.php"><img src="https://i.ytimg.com/vi/3DEUNTP08vg/hqdefault.jpg" width="480" height="360" border="0" alt="Home"></a>

<p style="color:white;">Garrysmod Server</p>

<img src="http://cdn.edgecast.steamstatic.com/steam/apps/4000/header.jpg?t=1485979656" alt="menc.ddnss.de" width="480" height="270" border="0" alt="Home"></a>

<p><form action="Gmod.php" method="post">
<input type="submit" value="TTT" />
</form></p>

<form action="Gmod2.php" method="post">
<input type="submit" value="PropHunt" />
</form>

<p style="color:white;">Minecraft Server</p>

<a href="Mc.php"><img src="https://noez.de/assets/images/mcpromo.jpg" alt="menc.ddnss.de" width="480" height="270" border="0" alt="Home"></a>

<p style="color:white;">Weitere Server Kommen noch</p>


</body>
 </html>

`

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Frage zum Wiki-Artikel „Einbindung“

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo CoolusaHD,

    Zunächst musst du dein HTML in Ordnung bringen, ein Validator hilft.

    Bis demnächst
    Matthias

    --
    Rosen sind rot.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Frage zum Wiki-Artikel „Einbindung“

    Rolf b
    – Informationen zu den Bewertungsregeln

    problematische Seite

    • Bei rel muss immer stylesheet stehen.
    • der href muss aus Sicht des Browsers formuliert sein. "/var/www/menc.ddnss.de" dürfte der serverseitige Ordner sein, der das Root deines Webs bildet, und wenn man im Browser http://menc.ddnss.de eingibt, wird man auf genau diesen Ordner zugreifen. Da der Browser das CSS lädt, muss die href in Bezug auf diesen Einstiegspunkt formuliert sein. Von /var/www/menc.ddnss.de weiß der Browser nichts, das versteckt der Server vor ihm.

    Das hier dürfte besser klappen:

    <link rel="stylesheet" type="text/css" href="/CSS/button.css" />

    Dein HTML an sich ist aber trotzdem ein schwerer Unfall. Beispielsweise ist ein form in einem p nicht erlaubt. Und meta gehört in den head, nicht in den body. Usw usw - der von Matthias verlinkte Validator bringt fast mehr Fehler als HTML Zeilen…

    Rolf

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln