HTML / CSS: Warum lässt sich das Bild nicht nach links bewegen?

5 Antworten

1) Behebe die Markup-Fehler.

  • Das Attribut heißt width.
  • Die Semikolons sind an der Stelle falsch und sollten raus.
  • Das alt-Attribut, welches das Bild beschreiben sollte, fehlt.
  • Die von dir angegebene Klasse wird vom Selektor nicht angesprochen.
  • Da du einen Abstand nach rechts haben möchtest, solltest du auch einen Abstand nach rechts (margin-right o.ä.) definieren.

Korrektur:

<div class="mittecrewpng">
  <img alt="Your image description..." src="mittecrew.png" height="105" width="1505">
  <a href="#"></a>
</div>

2) Nun wirst du bestimmt auf das Problem stoßen, dass ein rechter Abstand nicht angezeigt wird, weil die enorme Breite deines Bildes ganz sicher seinen Container überschreiten wird. Gib also dem Bild selbst den Abstand nach rechts:

.mittecrewpng > img {
  margin-right: 100px;
}

Inwiefern sich dies tatsächlich visuell bemerkbar macht, hängt allerdings vom weiterliegenden Kontext ab (z.B. könnten weitere Containergrenzen überschritten werden). Zudem verbreiterst du effektiv betrachtet nur die Seite.

Ich würde dir von daher raten, dir einmal Gedanken darüber zu machen, ob eine feste Breitenangabe wirklich notwendig ist / inwiefern du das Bild responsive skalierbar einsetzen kannst (z.B. als Hintergrundbild).

Zunächst mal ist dein HTML-Code nicht nur unvollständig sondern auch fehlerhaft. Hier

   <img src="mittecrew.png" height="105"; widht="1505";>

gehören die ";" nicht hin und "widht" ist auch falsch geschrieben.

Jetzt wäre noch zu fragen was Du mit "nach links bewegen" meinst? Soll das Bild rechts von Text umflossen werden? Vlt. wäre es gut um das große Ganze zu sehen wenn Du einen Link zur betreffenden Seite postest.

Woher ich das weiß:Beruf – mit dem Internet verbunden seit 1993

Dazu müsste ich mehr vom HTML & CSS sehen.

Bist du dir sicher, dass das CSS richtig eingebunden ist? Funktionieren andere CSS Sachen?

PS: px zu verwenden ist meistens keine gute Idee für responsive Design

widht= <---sicher dass du das richtig geschrieben hast?

Das lässt sich wahrscheinlich nicht nach links bewegen, weil du da ein margin hast, welches mindestens 100px Abstand verursacht.

Wieso nutzt du für sowas kein In-Line-CSS?

BTW: du hast "width" falsch geschrieben.

Ist da sonst noch ein div?

Was möchtest Du wissen?