Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Textfeld gestalten

  1. #1
    HTML Newbie
    Registriert seit
    13.04.2018
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Textfeld gestalten

    Hallo,
    ich möchte ein Textfeld gestalten.
    Also die Größe, Schriftgröße, Schriftfamilie Farben und so weiter definieren.
    Es geht um diese Seite: http://www.entername.de
    Das Textfeld soll keine Funktion haben. Aber die Schrift soll in etwa die Größe des 'Enter Name' haben und auch weiß auf schwarz sein.
    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
    Azubi(ne)
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    71
    Danke
    0
    Bekam 14 mal "Danke" in 14 Postings

    Standard AW: Textfeld gestalten


  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    13.04.2018
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textfeld gestalten

    Ja, genau!
    Nur mit 'Enter Name' oder 'Enter' als Grafik (weil bestimmte Schriftart).
    Wie krieg ich das hin?

  4. #4
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    253
    Danke
    0
    Bekam 54 mal "Danke" in 54 Postings

    Standard AW: Textfeld gestalten

    Versuche mal:
    HTML-Code:
    <label for="text_input"><img src="irgendeinbild.jpg" alt=""></label>
    <input id="text_input" type="text">
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    13.04.2018
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textfeld gestalten

    Sorry, ich bin komplett ahnungslos.
    Ist das eine Ergänzung zu basti1012s Code? Alleine funktioniert das wohl nicht...

    Was sagt ihr zu dem, was ich jetzt auf entername.de habe?
    Ist das sauberer Code oder kann man das vereinfachen/verbessern?

    Am liebsten hätte ich einen blinkenden Cursor statt des Rands um die Box.

    Jetzt sind die Grafik und das Textfeld transparent. Kann ich dann den Hintergrund mit einer weiteren Grafik kacheln??
    Geändert von torpor (14.04.2018 um 11:08 Uhr)

  6. #6
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    253
    Danke
    0
    Bekam 54 mal "Danke" in 54 Postings

    Standard AW: Textfeld gestalten

    ,,, fast richtig ! Aber die Grundlagen solltest du dir schon aneignen... denn das hier..
    <div id="container">
    <img src="images/en.png"</img>
    <input type="text" class="textfeld">
    </div>
    ist definitiv falsch und du hast nur Glück, dass dein Browser nicht so pingelig ist! Einfügen eines Bilder mit der richtigen Syntax geht so!
    <img src="images/en.png" alt="">
    Das 'alt' ist Pflicht - und sollte nicht weggelassen werden. Dazu sollte/könnte man ggf noch Größenangaben für die Grafik hinzufügen.
    Ansonsten funktioniert deine Lösung ja - besser wäre aber die Variante mit dem <label>

    <div id="container">
    <label for="text_input"><img src="images/en.png" alt="Name eingeben"></label>
    <input type="text" id="text_input" class="textfeld">
    </div>
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    13.04.2018
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textfeld gestalten

    Danke. Ihr habt mir sehr weitergeholfen.

    inzwischen bin ich auch sehr zufrieden mit meinem
    Ergebnis - auf dem Mac in Safari und Chrome.

    Auf dem iPhone ist das Textfeld viel zu weit unterhalb des Bilds davor.
    woran liegt das?

  8. #8
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    253
    Danke
    0
    Bekam 54 mal "Danke" in 54 Postings

    Standard AW: Textfeld gestalten

    Habe kein IPhone und kann das also auch nicht testen - aber teste doch mal, ob es mit diesem CSS anders/besser ist.
    HTML-Code:
    body {
       background-color: #000000;
       margin: 0;
       height: 100vh;
    }
    
    #container{
       display: flex;
       margin-top: 10%;
       justify-content: center;
       align-items: center;
    }
    
    label {
       width: 50vw;
       max-width: 336px;
       padding: 0px;
    }
       
    #container img {
       width: 100%;
       margin-bottom: -5px;
    }
    
    .textfeld{
       width: 50vw;
       max-width: 336px;
       height: 60px;
       border:0px solid white;
       background: transparent;
       color: white;
       font-size: 52px;
       font-weight: 300;
    }
    
    @media screen and (max-width: 662px) {
       .textfeld {
          font-size: 8.0vw;
          height: 8.0vw;
       }
    }
    Einfach das Vorhandene hiermit ersetzen.
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  9. Folgende User finden die Antwort von Sailor gut:


  10. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    13.04.2018
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textfeld gestalten

    Super! Danke!

  11. #10
    Youngster
    Registriert seit
    13.04.2018
    Beiträge
    12
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textfeld gestalten

    Hi,

    in welchem Programm willst du das Textfeld gestalten ?
    Viele Grüße
    Katarina1246

Ähnliche Themen

  1. Seite besser gestalten
    Von Hexagon im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 26.03.2018, 20:15
  2. DVD-Cover gestalten
    Von selfmade im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 30.03.2007, 10:31
  3. Website tabellenlos gestalten - CSS
    Von mmaisch im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 23.02.2006, 22:03
  4. Verweise gestalten
    Von xnoelx im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 30.01.2006, 20:12
  5. text mit css gestalten
    Von |o|o im Forum HTML & CSS Forum
    Antworten: 22
    Letzter Beitrag: 11.09.2004, 19:03

Stichworte

Berechtigungen

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