Matthias: Per CSS Grafik & Text innerhalb <td> positionieren?

Hallöchen,

kennt jemand von Euch eine Möglichkeit, mit CSS innerhalb eines <td>-Tags eine Grafik und einen Text zu positionieren?

Hintergrund: Ich verwende ein CMS, das ein Menü als Tabelle ausgibt.

Jetzt möchte ich per CSS dafür sorgen, dass ganz links in einem so generierten <td> ein Menu-Image erscheint und der Text ein wenig nach rechts eingerückt wird.

Logischerweise habe ich keinen Einfluss auf den CMS-Renderer, weshalb ich nur mit CSS arbeiten kann.

Es würde schon folgendes reichen:

Aus dem automatisch generierten <td>Menüpunkt 1</td>

wird das effektive Äquivalent von

<td>
  <img ...>
  Menüpunkt 1
</td>

Geht das?

Danke

Matthias

  1. Hallo,

    kennt jemand von Euch eine Möglichkeit, mit CSS innerhalb eines <td>-Tags eine Grafik und einen Text zu positionieren?
    [...]
    Jetzt möchte ich per CSS dafür sorgen, dass ganz links in einem so generierten <td> ein Menu-Image erscheint und der Text ein wenig nach rechts eingerückt wird.

    Das normale Vorgehen ist das Bild als Hintergrundbild einzubinden "background: url(...) top left no-repeat;" und den Text mittels padding-left einen Abstand nach links halten zu lassen.

    Hintergrund: Ich verwende ein CMS, das ein Menü als Tabelle ausgibt.

    Nicht gerade das beste CMS wenn es eine Auflistung von Links (<ul>!) in Form von tabellarischen Daten ausgibt.

    Gruss,
    OhneName

  2. Hallo Matthias,

    Logischerweise habe ich keinen Einfluss auf den CMS-Renderer, weshalb ich nur mit CSS arbeiten kann.

    Wieso ist das logisch? Logisch wäre, wenn Du Dich mit den Templates auseinander setzen würdest....

    Im Übrigen - musst Du dieses CMS einsetzen? Vielleicht findest Du ein besseres?

    Viele Grüße,
    Marc.

    --
    Und immer schön
    validieren (http://validator.w3.org/)