transparent textfeld über bild

Dieses Thema im Forum "Webdesign" wurde erstellt von eXoRzIsT, 5. April 2010 .

  1. 5. April 2010
    hallo leute
    versuche gerade eine hompage auf die beine zu stellen die mit photoshop erstellt wurde

    also ich habe folgendes problem, ich versuche ein textfeld über ein bild einzufügen nur muss das auch unsichtbar sein (außer der text) da sonst das bild nicht zu sehen ist
    was müss ich hinzufügen um über dieses bild ein solches textfeld hinzuzufügen?

    <img src="Bilder/L3_03.gif" width="478" height="599" alt="">
     
  2. 5. April 2010
    AW: transparent textfeld über bild

    Hallo,

    Du kannst den Hintergrund auf "transparent" und die Ränder auf "none" setzen.

    PHP:
    INPUT  {
        
    background transparent ;
        
    border none ;
    }
     
  3. 5. April 2010
    AW: transparent textfeld über bild

    ich glaube du suchst was anderes

    HTML:
    HTML
    <input class="meinTextfeld" type="text" />
    
    CSS
    .meinTextfeld {
     border: 0;
     background-image: url(../meinBild.jpg);
     /* Hier noch höhe und breite.. evtl padding angaben, dann müssts passen */
    }
     
  4. 5. April 2010
    AW: transparent textfeld über bild

    Problem dabei ist bloß, dass sein Bild wahrscheinlich eine Art Textfeld enthält und er darüber das Textfeld als Eingabemaske legen will.

    Kannst es so machen, wie Sn0wm4n es beschrieben hat...
    Und dann musst du halt das Textfeld mit position in dem Bild positionieren..
    Allerdings würde ich das eher so lösen:
    HTML:
    <div id="bild">
    <input class="meinTextfeld" type="text" />
    </div>
    Und dann mit CSS der ID bild dein Bild als background-image zuweisen..

    MfG
     
  5. 5. April 2010
    AW: transparent textfeld über bild

    Mh denk ich grade immer noch falsch? genau das löst man doch damit, selbst schon gemacht

    artapus <- siehe rechts oben man kann ja das textfeld innerhalb so umstylen, dass man nurnoch die grafik sieht, dann noch das "unsichtbare" textfeld einfach so platzieren das der pointer an der richtigen position zum schreiben ist und fertig...

    Aber wahrscheinlich versteh ich das problem grad falsch


    Edit: lol bin ich n depp -.- ich habs genau so gelöst wie du in deinem letzten beitrag gesagt hast, div drum rum und fertig xD sry
     
  6. 5. April 2010
    AW: transparent textfeld über bild

    OKAY hat sich erledigt
    hab einfach anstelle des bildes text mit background eingegügt
    <div style="height:599px; width:478px; background:url('Bilder/L3_03.gif') no-repeat;"> TEXT</div>
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.