Guma: Text über ein Bild legen

SELF-Forum

Text über ein Bild legen

Guma
– Informationen zu den Bewertungsregeln

Hallo zusammen,
ja heute versuche ich einen Text über ein Bild zu legen. Ich habe angefangen zu experimentieren:

div mit einem Bild drin
weiteres div mit einem text drin

das div mit text soll -18 px nach oben und über dem bild zu liegen.

wie kann ich sowas einfach hinbekommen? Hilfe erwünscht.

Grüße Guma

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Text über ein Bild legen

    Harlequin
    – Informationen zu den Bewertungsregeln

    Yerf!

    wie kann ich sowas einfach hinbekommen? Hilfe erwünscht.

    Einfach? Definier das Bild doch als Hintergrund des Textes. Weitere Ausrichtungen sollten sich ebenfalls mittels CSS erreichen lassen (z.B. mit Padding).

    Gruß,

    Harlequin

    --
    <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text über ein Bild legen

      stylo
      – Informationen zu den Bewertungsregeln

      Jau mit CSS gehts besser

      Beispiel...

      div#Inhalt {
      background-image:url('images/dein_bild.gif');
      background-repeat:no-repeat;
      background-position:left bottom; <----ausrichten des Bildes
      margin-left: 0em; <----ausrichten des Div
      margin-top: 0em; <----ausrichten des Div
      padding: 0 1em;
      font:normal 12px Arial;

      <div id="Inhalt" style="height: 120px; width: 120px" class="style3">Dein Text</div>

      Spiel ein wenig mit den Werten rum, dann bekommst Du schon raus was für was ist.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln