dername: div/span "Anker" unsichtbar machen âka Text vor Bild anzeigen

Hallo,

ich möchte mittels div oder span einen Text vor einem Bild anzeigen. Der Text muß relativ zum Bild seine Position behalten. Also hab ich folgendes span getestet:

<span style="position:relative; left:90px; top:40px; z-index:1;">
<table ... ><tr><td>der text</td></tr></table>
</span>

das dann so reingepackt:

<table ...>
  <tr>
    <td>
      [das span Element]
      [das Bild]
    </td>
  </tr>
</table>

Funktioniert auch soweit, nur über dem Bild bleibt jetzt immer eine Leerzeile vom Span, obwohl er übern Bild angezeigt wird. Liegt vielleicht an der Tabelle? Weiß jemand wie man diese Leerzeile wegbekommt?

Danke im vorraus.

  1. hi,

    ich möchte mittels div oder span einen Text vor einem Bild anzeigen. Der Text muß relativ zum Bild seine Position behalten.

    Und ein Hintergrundbild für einen Textabsatz tut's nicht?

    Also hab ich folgendes span getestet:

    <span style="position:relative; left:90px; top:40px; z-index:1;">
    <table

    Span darf kein Table enthalten.

    Funktioniert auch soweit, nur über dem Bild bleibt jetzt immer eine Leerzeile vom Span, obwohl er übern Bild angezeigt wird. Liegt vielleicht an der Tabelle? Weiß jemand wie man diese Leerzeile wegbekommt?

    Erst mal fehlerfreien Code herstellen.
    Und wozu bitte überhaupt Tabellen, noch dazu verschachtelte - zeichnest du Daten tabellarischer Natur aus?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi,

      ich möchte mittels div oder span einen Text vor einem Bild anzeigen. Der Text muß relativ zum Bild seine Position behalten.

      Und ein Hintergrundbild für einen Textabsatz tut's nicht?

      Also hab ich folgendes span getestet:

      <span style="position:relative; left:90px; top:40px; z-index:1;">
      <table

      Span darf kein Table enthalten.

      Funktioniert auch soweit, nur über dem Bild bleibt jetzt immer eine Leerzeile vom Span, obwohl er übern Bild angezeigt wird. Liegt vielleicht an der Tabelle? Weiß jemand wie man diese Leerzeile wegbekommt?

      Erst mal fehlerfreien Code herstellen.
      Und wozu bitte überhaupt Tabellen, noch dazu verschachtelte - zeichnest du Daten tabellarischer Natur aus?

      gruß,
      wahsaga

      :-|

      Das hat schon alles seine Gründe:
       - das Bild geht nicht als Hintergrund, da es mit einer Map verbunden ist
       - der Text muß dynamisch drüber gelegt werden
       - der Text beinhaltet auch ein Bild, deswegen eine Tabelle
       - hab jetzt wieder div, ist aber kein unterschied

      MfG

      1. hi,

        bitte zitiere sinnvoll, und nicht einfach "alles".

        Das hat schon alles seine Gründe:

        Was hat seine Gründe - bewusst gemachte Fehler?

        • das Bild geht nicht als Hintergrund, da es mit einer Map verbunden ist
        • der Text muß dynamisch drüber gelegt werden

        Na schön, dann packe beide zusammen in einen Container, und positionierte absolut, auf dessen Position bezogen.

        • der Text beinhaltet auch ein Bild, deswegen eine Tabelle

        Das ist keine Begründung, sondern Nonsense.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Bei so nettem Ton kann man lieber ganz drauf verzichten...

  2. Als Lösung des Problems:

    Zwei Divs benutzen, einen relativ mit dem Bild und das zweite als absolute mit dem Text. z-index=-1 benutzen ums dahinter zu positionieren.

    <div id="Layer1" style="position:relative; top 0px; left 0px; z-index:3">
            <div style="position:absolute; z-index:-1; left: 86px; top: 41px;">[TEXT USW.]</div>
       [IMG HIER]
      </div>