• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Nav verschiebt sich beim Bewegen von einem Bild.

J0NAS

Neues Mitglied
Hey HTML Forum. Ich bastel momentan eine Website und möchte ein Bild Rechts neben dem Artikel hinschieben.
aber sobald ich das mit img { margin-bottom: 10%; } bewege, springt das letzte Wort aus der Nav und macht ne
neue Zeile auf. Kann mir jemand helfen?

Bild: http://prntscr.com/84a899 , http://prntscr.com/84a8ob

HTML:
<aside>
<img src="Team.jpg" width="400px">
</aside>

CSS:
border: 1px solid #000;
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
margin-left: 70%;
margin-bottom: 600px;
 
Werbung:
Um Elemente nebeneinander anzuzeigen eignen sich folgende Techniken:

  • float
  • Flexbox
  • Tabellen
Welche der optimalste Weg ist hängt von dem Anwendungsfall ab. Ohne deine konkreten Inhalte und semantischen Auszeichnungen zu kennen würde ich zu Flexbox raten - float wäre aber ggfs. auch eine Alternative. Beides kann ich in deinem jetzigen Codeschnippsel nicht erkennen.
 
Zurück
Oben