Webdesign – die besten Beiträge

DE Sonderzeichen Fehler in HTML?

Hi,

ich sitze momentan an einer Datei, um ein paar Dinge auszuprobieren. Ich habe die Meta-Tags wie gewohnt aus einer anderen (funktionierenden) Datei kopiert.

Nun werden allerdings ausschließlich in meiner Datei die Umlaute wie Ä,Ö,Ü und ß mit

"�"

angezeigt. Auch das rein-kopieren Tags aus anderen Dateien, oder das entfernen des Stylesheets hat nix geändert. Kurzzeitig hatte ich auch den Meta-Tag:

<meta http-equiv="content-language" content="de" />

mit reingenommen, allerdings ohne Erfolg oder Veränderungen. Auch das Debugging von W3C hat nix auffälliges gefunden:

Für alle helfenden Hände großes Danke!

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="example, html, head, meta">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <title>Das Box-Modell</title>
  </head>


<body>
  <header>
      
    <div class="flex">
     <img src="bilder/logo.svg" alt="logo">
    </div>
    
     <h1>Wilkommen auf der Test-Seite!</h1>
     <nav>
              <a href="#link_1.html">Blog</a>
              <a href="#link_1.html">Unterseite 1</a>
              <a href="#link_1.html">Unterseite 2</a>
              <a href="#link_1.html">Kontakt</a>
     </nav>
          
    </header>
      
      <main>
          
          <h2>ÜÜÜCCS-basierte Layouts <br><br />HTML-Struktur ohne CSS</h2>         
          
      </main>
    
    
    
    <footer>
     <a href="kontakt.html">Kontakt</a>
     <p>&copy; 2024 by GTA1A</p>
    </footer>


</body>
</html>
Bild zum Beitrag
HTML, Webseite, CSS, HTML5, Code, Programmiersprache, Webdesign

HTML CSS Background Filter?

Hi ich habe seit einer Woche angefangen mit das Programmieren beizubringen, und bin nun auf folgendes Problem gestoßen.

Ich habe bei der HTML Datei in <body> das hier drin :

<body>

    <header id="header">

        <ul>

            <li><a href="" class="active">Home</a></li>

            <li><a href="" class="active"><b>Tv Shows</b></a></li>

            <li><a href="" class="active">Movies</a></li>

            <li><a href="" class="active">Recetly Added</a></li>

        </ul>

        <a href="" class="logo">NETFLIX</a>

    </header>

    <section>

        <img src="logo.png" alt="" style="width: 700px; height: 300px; position: absolute; left: 40px; top: 100px;">

        <div class="content">

            <div class="details">

                <span>99% Match</span>

                <span>2011-2022</span>

                <span>18+</span>

            </div>

            <div class="button">

                <span class="btn1"> <img src="playbtn.png" alt="" style="position: relative; top: 8px;"> Play</span>

                <span class="btn2">+ My List</span>

            </div>

        </div>

    </section>

</body>

Und in der CSS Datei habe ich den Body so definiert:

body{

    background: url(wallpaper1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 100vh;

Nun habe ich das Problem wenn ich nun einen Filter wie z.B Brightness anwenden will macht es ja nun logischerweise den ganzen Body Dunkler aber ich möchte nur den background verdunkelnm, sodass die anderen Elemente stärker zum Vorschein kommen.

Und meine zweite Frage wäre diesen background zu Skalieren weil auf dem Original Bild ist unten links ein kleiner Schriftzug der auf der Website nun abgeschnitten ist.

Vielen Dank :)

Bild zum Beitrag
HTML, Webseite, CSS, Webdesign, Webentwicklung

Meistgelesene Beiträge zum Thema Webdesign