Gunnar Bittersmann: HTML Hintergrundbild verkleinern und positionieren

Beitrag lesen

@@hmm

<html>

Die Angabe der Sprache des Inhalts fehlt.

            font-family: "Open Sans",serif;

Du willst, wenn Open Sans nicht zur Verfügung steht, den Text in einer Serifenschrift setzen?

            font-family: "Abel", Arial, sans-serif;

Warum soll Text in Arial gesetzt werden, wenn Neue Helvetica oder Helvetica auf dem System verfügbar sind?

    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <h1>Kaffee Game</h1>
        </div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Willkommen</a></a></li>
          <li><a href="#">Über uns</a></li>
          <li><a href="#">Partner</a></li>
          <li><a href="#">Kontakt</a></li>
          <li><a href="#">Registrieren</a></li>
          <li class=" btn-danger nav navbar-nav"><a href="anmelden.html">Anmelden</a></li>
        </ul>
      </div>
    </nav>

Ist „Kaffee Game“ die Überschrift der Navigation oder die der Website? Ich vermuste letzteres. Dann sollte das Markup so aussehen:

<header>
  <h1>Kaffee Game</h1>
  <nav>
    <ul></ul>
  </nav>
</header>

Hinzufügen von div und Bootstrap-Klassen nach Belieben. 😨

                  <article>
                    <header> 
                      <h1>Herzlich Willkommen liebe Kaffee Freunde!</h1> 
                    </header> 
                    <p>Wir freuen uns Ihnen auf dieser Seite unser Lieblingsspiel zu präsentieren 
                    und hoffen das Sie genausoviel Spass daran haben werden wie wir.</p>
                  </article>

Das ist kein article. Wenn du da einen Container brauchst, dann div. Vermutlich brauchst du da keinen Container.

BTW, bei dem denglischen „Kaffee Game“ mag das Leerzeichen durchgehen; bei dem deutschen „Kaffee Freunde“ tut es das nicht!

Ist die Seite für Schweizer Zielpublikum oder warum der „Spass“ nicht mit ß?

                </main> 

Da Nachfolgende gehört nicht mehr zum Hauptinhalt der Seite …

                <h1 class="margin-base-vertical">Kaffee-Shoppen und Game-Zocken</h1>

… hat aber eine dem denglischen „Kaffee Game“ gleichgestellte Hauptüberschrift?

Mir scheint, das main-Element ist falsch gesetzt und die Überschriftenhierarchie nicht richtig.

                    <p class="input-group">
                        <span class="input-group-addon"><span class="icon-envelope"></span></span>
                        <input type="text" class="form-control input-large" name="email" placeholder="jonsnow@knowsnothi.ng" />
                    </p>

Das Eingabefeld hat keine Beschriftung. Es muss aber eine haben.

                    <small class="text-muted"> Hier finden Sie unsere <a href="#">AGB's</a> und unser <a href="#">Impressum</a>.</small>

Im Kleingedruckten: Hier finden Sie unseren Deppenapostroph.

Es müsste „AGBs“ lauten. Tut es aber nicht, da „AGB“ schon der Plural ist.

jetzt weiß ich endlich für das die utf-8 geschichte gut ist :D

BTW, deutsche Umlaute konnten auch schon in ISO 8859-1 codiert werden.

LLAP 🖖

--
“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl