[CSS] Text über Bild darstellen

Dieses Thema im Forum "Webdesign" wurde erstellt von Fuselmeister, 10. Oktober 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 10. Oktober 2009
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Text über Bild darstellen

    Hi, ich möchte ein Text über nen Bild darstellen. Das ganze soll dann so aussehen
    Bild
    ich habs mal mit <div> versucht indem ich das Bild als Hintergrund setzte und dann einfach nen neues <div> mit dem Hintergrund und der Transparenz reinbau wo dann der Text drinsteht aber das funzt nich so ganz, weil wenn ich das Feld mit margin-top nach unten verschiebe wird das Bild im Hintergrund auch verschoben.

    Weiß jemand wie man das bewerkstelligen kann? Im Netz hab ich nix gefunden, aber Schlüsselwortet wonach man suchen sollte fallen mir auch nich wirklich ein.
    Auf der Seite von Logitech hatten die mal sowas ähnlichens aber die haben ihr Design verändert und jetzt kann ichs mir nich mehr abkupfern^^
     
  3. 10. Oktober 2009
    AW: Text über Bild darstellen

    versuch dein glück mit "z-index".
    damit kannst du quasi ebenen erzeugen.

    INFO hier z-index: Überlappung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
     
  4. 10. Oktober 2009
    AW: Text über Bild darstellen

    thx hab noch ne andere Möglichkeit gefunden, aber ich schau mir mal z-index an.

    Gerade hab ichs mal so probiert (hab am die styles fürs aussehen weggelassen)
    HTML:
    <div>
 <img src="bild.jpg">
</div>
<div style="margin-top: -25px; height: 20px;">Text</div>
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.