Responsive Design - mein iPhone denkt offenbar es wäre ein Tablet...
bearbeitet von Gunnar Bittersmann@@salzberg
> oh, code vergessen...
> ~~~ html, bad
> <!DOCTYPE html>
> <html>
> ~~~
… und im Code die Angabe der Sprache: `<html lang="de">`{:.language-html.good} für Deutsch.
---
> ~~~html
> <body>
>
> <header>
> <div class="row">
> <div class="col">
> ~~~
Oh je, Bootstrap?
Sollte dann nicht ein Vorfahrenelement von `.row` die Klasse `container` haben, also entwerder `<header class="container">`{:.language-html} oder `<body class="container">`{:.language-html}?
Im zweiten Fall kannst du dir eine Ebene an `div` sparen:
~~~html
<body class="container">
<header class="row">
<div class="col">…</div>
⋮
</header>
<main class="row">
⋮
</main>
<footer class="row">
⋮
</footer>
</body>
~~~
---
> ~~~ html
> <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:
~~~ css
.style-nav { text-transform: lowercase }
~~~
---
> `<img src=""bilder\beispielbild.jpg""alt="beispielbild">`{:.language-html.bad}
Das funktioniert wohl auch nur lokal auf deinem Windows-System. Im Web ist `\`{:.bad} falsch, `/`{:.good} 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
Responsive Design - mein iPhone denkt offenbar es wäre ein Tablet...
bearbeitet von Auge@@salzberg
> oh, code vergessen...
> ~~~ html, bad
> <!DOCTYPE html>
> <html>
> ~~~
… und im Code die Angabe der Sprache: `<html lang="de">`{:.language-html.good} für Deutsch.
---
> ~~~html
> <body>
>
> <header>
> <div class="row">
> <div class="col">
> ~~~
Oh je, Bootstrap?
Sollte dann nicht ein Vorfahrenelement von `.row` die Klasse `container haben, also entwerder `<header class="container">`{:.language-html} oder `<body class="container">`{:.language-html}?
Im zweiten Fall kannst du dir eine Ebene an `div` sparen:
~~~html
<body class="container">
<header class="row">
<div class="col">…</div>
⋮
</header>
<main class="row">
⋮
</main>
<footer class="row">
⋮
</footer>
</body>
~~~
---
> ~~~ html
> <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:
~~~ css
.style-nav { text-transform: lowercase }
~~~
---
> `<img src=""bilder\beispielbild.jpg""alt="beispielbild">`{:.language-html.bad}
Das funktioniert wohl auch nur lokal auf deinem Windows-System. Im Web ist `\`{:.bad} falsch, `/`{:.good} 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