Ergebnis 1 bis 3 von 3

Thema: Hilfe - Bekomme Textblock nicht in die Mitte eines Bildes

  1. #1
    HTML Newbie Avatar von Funwave
    Registriert seit
    03.07.2016
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hilfe - Bekomme Textblock nicht in die Mitte eines Bildes

    Hallo Team & Community,


    nachdem ich nun fast 2 Tage Google zum glühen brachte, die Seiten hier und ähnliche durchsucht habe, mus ich mit meinen minimalen Kenntnissen aufgeben.


    **Die Aufgabenstellung ist:**


    - beim anklicken eines html-links (http://meinehtml.html) soll direkt ein Popup aufgehen (evtl. mit Verzögerung wg. Blocker)


    - dieses Popup soll 650x580px groß sein und mittig auf dem Monitor aufploppen.


    - Hintergrundbild soll ein Eisbaerbild sein


    - in dieses Bild widerum soll ein Text-Eingabe-Block h/v-mittig rein


    - dieser Block muss verbreitert werden vom orginal Block/Maß





    - beide Komponenten sollen am Ende bei klicken der html aufploppen und das Eingabefeld anzeigen, was so aussehen sollte:





    **Hier mal mein Code:**
    http://baerli.eu5.org/baerli/wunschb...ss%20test.html


    Ich hatte den Textblock mal kurzfristig sogar im Bild drinnen, allerdings oben links im Eck, aber nun ist das auch weg und liegt nun irgendwie daneben:




    Ich hoffe, das die Profis mir hier kurzfristig helfen können, da wir das sehr gern bei unserem Jubiläum nutzen würden.


    Danke im Voraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Hilfe - Bekomme Textblock nicht in die Mitte eines Bildes

    Hier eine Möglichkeit.
    Code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    
    <style>
    
    .form_container {
     width:650px;
     height:580px;
     background:url("http://i1192.photobucket.com/albums/aa328/funwave1/Baerli/bar%20wb%20bg.jpg") no-repeat;
     display:inline-block;
     text-align:center;
    }
    .form_container:before {
     content:"";
     display:inline-block;
     vertical-align:middle;
     height:100%;
    }
    form {
     display:inline-block;
     vertical-align:middle;
     text-align:center;
    }
    label , input, textarea {
     padding:2px;
     display:block;
     width:100%;
     border:none;
     background:transparent;
    }
    label {
     padding:4px;
    }
    input, textarea {
     background:blue;
     color:yellow;
     text-align:center;
    }
    
    input[type="submit"] {
     margin-top:5px;
     color:yellow;
     display:inline-block;
     width:auto;
    }
    
    </style>
    <title></title>
    
    
    </head>
    <body>
    <div class="form_container">
    <form method="post" action="../ticker/wunsch_gruss_frame.php?a=&amp;box_tabelle=_">
    <input name="action" type="hidden" value="1">
    <input name="wunsch_box_sendeplan_an" type="hidden" value="1">
    <label for="wunschzettel">Wunschzettel</label><input id="wunschzettel" type="text" name="wunschtitel" value=""> 
    <label for="wen">Für wen ?</label><input id="wen" type="text" name="wen" value=""> 
    <label for="von">von</label><input id="von" type="text" name="von" value=""> 
    <label for="sender">Gruß an</label><textarea id="sender"  name="sender" ></textarea>
    <input type="submit"  value="Gruss senden">
    </form>
    </div> 
    </body>
    </html>
    Geändert von djheke (03.07.2016 um 09:52 Uhr)

  3. #3
    HTML Newbie
    Themenstarter
    Avatar von Funwave
    Registriert seit
    03.07.2016
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe - Bekomme Textblock nicht in die Mitte eines Bildes

    Hallo djheke,

    das hat sehr gut geklappt - Dankeeee

    Super Support +1

Ähnliche Themen

  1. Problem mit Einbindung eines Bildes / prettyphoto
    Von Acki im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.10.2013, 15:33
  2. teile eines bildes ausschneiden und wo anderseinsetzen
    Von der verzweifelte im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 16.08.2007, 01:08
  3. teil eines bildes transparent ( unsichtbar )
    Von arnim im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 10.06.2007, 22:49
  4. Auflösung eines Bildes
    Von im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 05.07.2006, 20:53
  5. Kann ich die Deckkraft eines Bildes änder?
    Von Eva** im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 07.07.2005, 15:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •