Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 10.06.2017, 20:40
MrMurphy MrMurphy ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Für breite Fenster sehe ich bei folgendem HTML

Code:
   <nav class="navigation">
      <a href="">
         <img src="http://lorempixel.com/80/80/nature/6">
      </a>
      <div>
         <a href="info.htm">Über Mich</a>
         <a href="methode.htm">Methode</a>
         <a href="links.htm">Links</a>
         <a href="kontakt.htm">Kontakt</a>
      </div>
   </nav>
das folgende CSS

Code:
   .navigation {
      display: flex;
   }
   .navigation img {
      padding: 0rem 0.5rem;
   }
   .navigation div {
      flex-grow: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
   .navigation div a {
      padding: 0.3rem 0.5rem;
   }
Ich habe dazu mal eine Beispielseite erstellt:

Beispielseite

Was bei schmalen Fenstern passieren soll habe ich noch nicht so recht verstanden.

Gruss

MrMurphy

Geändert von MrMurphy (10.06.2017 um 20:46 Uhr)
Mit Zitat antworten