Robert: Grafik positionieren

Hallo!
Hab mal ne Frage:

Wie kann ich eine Grafik an einen x-beliebigen Punkt auf meiner Site (mit HTML) setzen? Gibt es dafür nen befehl? wäre für hilfe dankbar...

Gruß Robert

  1. hallo,

    Wie kann ich eine Grafik an einen x-beliebigen Punkt auf meiner Site (mit HTML) setzen?

    mit HTML geht das nicht, aber mit CSS.

    Gibt es dafür nen befehl?

    Es geht dir um die Positionierung mit CSS. Wie das funktioniert, kannst du in SELFHTML nachlesen

    Grüße aus Berlin

    Christoph S.

  2. Hallo,
    sicher gelingt die Position einer Grafik mittels eines Layertags(DIV,SPAN,LAYER),
    die genaue Position mittels CSS wird nicht von jedem Browser unterstützt.

    Daher kompatibel zu vielen Browsern und Netscape 4.x:
    <span id="Bild1" name="Bild1a" style="position:absolute;top:10px;left:400px;font-size:1px;"><img src="testbild.jpg"></span>
    Das Span-Tag funktioniert wie das DIV-Tag, lediglich z-Index wird nicht immer unterstützt.
    Das DIV-Tag funktioniert fehlerhaft oder gar nicht in den alten Netscapes.

    Michael

    --
    Hier bin ich Mensch, hier schreib ich rein
    1. Moin!

      Hallo,
      sicher gelingt die Position einer Grafik mittels eines Layertags(DIV,SPAN,LAYER),
      die genaue Position mittels CSS wird nicht von jedem Browser unterstützt.

      Daher kompatibel zu vielen Browsern und Netscape 4.x:
      <span id="Bild1" name="Bild1a" style="position:absolute;top:10px;left:400px;font-size:1px;"><img src="testbild.jpg"></span>
      Das Span-Tag funktioniert wie das DIV-Tag, lediglich z-Index wird nicht immer unterstützt.
      Das DIV-Tag funktioniert fehlerhaft oder gar nicht in den alten Netscapes.

      Genau andersherum ist es richtig: <span> ist nicht zum Positionieren gedacht, und <div> funktioniert in alten Netscapes in der Regel problemlos. Die Positionierung mittels CSS schaffen alle CSS-fähigen Browser, seien sie auch noch so alt. Die alten Modelle haben aber in der Tat ein paar Einschränkungen: Positionierung ist nur mittels top und left möglich, nicht mittels bottom und right.

      Ach ja: Lass font-size:1px weg - das macht das alt-Attribut nur unlesbar klein. Viel besser ist es, die CSS-Eigenschaft "vertical-align:bottom" zu benutzen, um das Bild "ganz nach unten" zu setzen. Default ist nämlich "baseline".

      - Sven Rautenberg

      --
      Diese Signatur gilt nur am Freitag.
      1. Hallo,

        Genau andersherum ist es richtig: <span> ist nicht zum Positionieren gedacht, und <div> funktioniert in alten Netscapes in der Regel problemlos. Die Positionierung mittels CSS schaffen alle CSS-fähigen Browser, seien sie auch noch so alt. Die alten Modelle haben aber in der Tat ein paar Einschränkungen: Positionierung ist nur mittels top und left möglich, nicht mittels bottom und right.

        Ach ja: Lass font-size:1px weg - das macht das alt-Attribut nur unlesbar klein. Viel besser ist es, die CSS-Eigenschaft "vertical-align:bottom" zu benutzen, um das Bild "ganz nach unten" zu setzen. Default ist nämlich "baseline".

        • Sven Rautenberg

        Da wiederspreche ich aber ;-) - span ist zwar ein inline-Tag nach HTML 4.0 - aber die gängigsten Browser bewegen sie doch.
        Ich kann beim IE6.0 und Netscape 7.0 das span-Tag verschieben, auch wenn es in einer Tabelle eingebunden ist.
        Das DIV-Tag lässt sich nicht mit document.layers ansprechen oder es kommen Fehlermeldungen, daher der Hinweis.
        Ich habe übrigens noch einen uralten Mosaic-Browser von Netscape für alle Fälle zum testen.

        Das font-size habe ich vergessen zu löschen,das Beispiel war ursprünglich als Spacer gedacht.

        Danke vielmal ;-)

        Michael

        --
        Hier bin ich Mensch, hier schreib ich rein