kostenloser Webspace werbefrei: lima-city


Text in ein Bild einfügen!

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    b****g

    http://bettag.lima-city.de/footer.png

    ^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!

    Beitrag zuletzt geändert: 10.12.2009 17:35:06 von bettag
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. t****o

    bettag schrieb: ... ^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!

    Na dann man los!


    Also mach dir ein DIV-Element mit dem Bild als Hintergrund und dann füg deinen Text einfach in dem DIV-Element an den richtigen Stellen ein. Dann sollte das gehen.

    leerzeichen entfernt by tct

    Beitrag zuletzt geändert: 10.12.2009 17:49:41 von tct
  4. Autor dieses Themas

    b****g

    Wie sieht sowas aus?

    telelo schrieb:
    bettag schrieb: ... ^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!

    Na dann man los!


    Also mach dir ein DIV-Element mit dem Bild als Hintergrund und dann füg deinen Text einfach in dem DIV-Element an den richtigen Stellen ein. Dann sollte das gehen.


    Beitrag zuletzt geändert: 10.12.2009 17:50:05 von tct
  5. o******e

    Quick'N'Dirty
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
     <head>
       <title>Beispiel für bettag</title>
       <style type="text/css">
        #foot {
          background-image: url(http://bettag.lima-city.de/footer.png);
          width: 560px;
          height: 127px;
          padding-left: 170px;
          padding-top: 85px;
        }
        #footContent {
          width: 250px;
          heigt: 75px;
        }
       </style>
     </head>
     <body>
        <div id="foot">
         <div id="footContent">
           <p><a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a>
        </div>
     </body>
    </html>


    Beitrag zuletzt geändert: 10.12.2009 17:54:05 von olearose
  6. Autor dieses Themas

    b****g

    olearose schrieb:
    Quick'N'Dirty
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
     <head>
       <title>Beispiel für bettag</title>
       <style type="text/css">
        #foot {
          background-image: url(http://bettag.lima-city.de/footer.png);
          width: 560px;
          height: 127px;
          padding-left: 170px;
          padding-top: 85px;
        }
        #footContent {
          width: 250px;
          heigt: 75px;
        }
       </style>
     </head>
     <body>
        <div id="foot">
         <div id="footContent">
           <p><a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a>       <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a>
        </div>
     </body>
    </html>



    Danke. Funktioniert einwandfrei!
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!