Herbie: <img ... positionieren

Hallo,

kann ich ein <img>-Element auch direkt positionieren zB mit:

<img src="..." style="position:relative;top:10px;left:10px;">

... oder muss ich stattdessen ein div außenrum legen und dieses positionieren? (Und wenn ja, kleine Erklärung wäre klasse...) danke,

Herbie

  1. ... oder muss ich stattdessen ein div außenrum legen und dieses positionieren?

    Nein. Das Bild an sich zu positioniren per CSS (nicht unbedingt per style="" sondern besser per ID oder class) ist besser. Ein DIV dient dazu mehrere Objekte zusammenzufassen, was bei einem einzelnen Bild ja nicht nötig ist.

  2. Hallo Herbie,

    kann ich ein <img>-Element auch direkt positionieren zB mit:
    <img src="..." style="position:relative;top:10px;left:10px;">
    ... oder muss ich stattdessen ein div außenrum legen und dieses positionieren?

    ja, ein img-Element kannst du selbstverständlich direkt positionieren und formatieren. Das div-Element drumherum, wie man es häufig sieht, ist nicht nötig - es sei denn, du möchtest das Bild mit anderen Elementen gruppieren und die ganze Gruppe positionieren.

    (Und wenn ja, kleine Erklärung wäre klasse...) danke,

    Deine relative Positionierung überrascht mich etwas. Bist du sicher, dass du die wirklich willst? Mit position:relative wird das Element zwar um die angegebenen Werte gegenüber seiner Normalposition versetzt; der Platz, den es einnehmen würde, bleibt aber trotzdem reserviert.

    So long,
     Martin

    --
    Frauen sind wie Elektrizität: Fasst man sie an, kriegt man eine gewischt.
    1. Danke erstmal Jungs ;)

      Deine relative Positionierung überrascht mich etwas. Bist du sicher, dass du die wirklich willst?

      Äh... nein...

      Mit position:relative wird das Element zwar um die angegebenen Werte gegenüber seiner Normalposition versetzt; der Platz, den es einnehmen würde, bleibt aber trotzdem reserviert.

      Was bedeutet das in der Praxis? Ist es bei absolute dann nicht so?

      Grüße,
      Herbie

      1. Hello out there!

        Mit position:relative wird das Element zwar um die angegebenen Werte gegenüber seiner Normalposition versetzt; der Platz, den es einnehmen würde, bleibt aber trotzdem reserviert.

        Was bedeutet das in der Praxis? Ist es bei absolute dann nicht so?

        Nein, wie du im Abschnitt 9.3.1 Auswahl eines Positionierungsschemas: 'position'-Eigenschaft der CSS-Spec nachlesen kannst.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)