Gunnar Bittersmann: Responsive Design - mein iPhone denkt offenbar es wäre ein Tablet...

Beitrag lesen

@@salzberg

oh, code vergessen...

<!DOCTYPE html>
<html>

… und im Code die Angabe der Sprache: <html lang="de"> für Deutsch.


<body> 

	<header>
    <div class="row">
    <div class="col">

Oh je, Bootstrap?

Sollte dann nicht ein Vorfahrenelement von .row die Klasse container haben, also entweder <header class="container"> oder <body class="container">?

Im zweiten Fall kannst du dir eine Ebene an div sparen:

<body class="container">
  <header class="row">
    <div class="col"></div></header>
  <main class="row"></main>
  <footer class="row"></footer>
</body>

    <nav class="style-nav">
    	<ul>
        <li><a href="#" target="_blank">galerie</a></li>
        <li><a href="kontaktdaten">kontakt</a></li>          
      </ul>
    </nav>

Substantive solltest du im Markup groß schreiben: Galerie, Kontakt.

Wenn du in der visuellen(!) Darstellung Kleinschreibung möchtest, ist das Sache von CSS:

.style-nav { text-transform: lowercase }

<img src=""bilder\beispielbild.jpg""alt="beispielbild">

Das funktioniert wohl auch nur lokal auf deinem Windows-System. Im Web ist \ falsch, / richtig.

Wenn’s denn überhaupt funktioniert; da sind ein paar Anführungszeichen zu viel. Und ein Leerzeichen zu wenig.

LLAP 🖖

--
„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“
„Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“

—Marc-Uwe Kling