bobby: So nah und Doch so fern (.html -.css Verbinden)

Beitrag lesen

Moin,

<!DOCTYPE html>

Sehr gut

<html lang="de"> <head>

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

das verlinken scheint erstmal korrekt, wenn auch HTML und CSS nicht stimmen. Dies ist korrekt

<title>Community</title>

Ab hier->

<img src="<style type=" text />css">

<style type="text/css">
    .auto-style1 {
        width: 1920px;
        height: 1200px;
    }
</style>

<p>
    <img class="auto-style2" src="file:///C:/Users/PC/Desktop/Neuer%20Ordner%20(2)/front%201%20-%20Kopie.jpg" />
</p>

<- bis hier, ist Unsinn. Im Head stehen nur Header-Daten. Keine Inhalte

</head>

<body> <h1></h1>

ein leeres H1?

        <form action="mailto:email_address" method="POST">
            <br><input type="text" name="realname" size="15"><b>Name</b>
            <br><input type="text" name="email" size="15"><b>Adresse</b>
            <br>
        </form>

Das ist ein Formular mit 2 Input Feldern, und nicht mit Buttons!

</body> </html>

****Hintergrund.css ****

Diese nächste Zeile darf nicht im CSS stehen!

<style type="text/css">

Das sieht gut aus, allerdings, denke ich auf das falsche Element ausgeführt

      .auto-style2 {
          width: 1920px;
          height: 1200px;
      }

Die nächsten Zeilen haben in der CSS wieder nix verloren!

  </style>
  <p>
      <img class="auto-style2" src="file:///C:/Users/PC/Desktop/Neuer%20Ordner%20(2)/front%201%20-%20Kopie.jpg" /></p>

Ich denke du solltest dir folgendes Überlegen. Du hast ein Formular (<form>). Diesem kannst du über die CSS-Datei einen Hintergrundbild zuweisen (background-img:url('front 1 - Kopie.jpg') !ACHTUNG! du hast einen absoluten Pfad eingertragen, der auf anderen Rechnern nicht funktioniert. Außerdem sollten keine Leerzeichen im Dateinamen stehen). Dann kannst sagen dass das Hintergrundbild nicht wiederholt werden soll (background-repeat:no-repeat). Dem Formular kannst du die Höhe und breite zuweisen ( width: 1920px;height: 1200px;)

Versuch es einfach nochmal!

Gruß Bobby

--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <- ### Henry L. Mencken ### -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <- ### Viktor Frankl ### ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)