Ergebnis 1 bis 3 von 3

Thema: Formular anpassen

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

    Standard Formular anpassen

    HeyHo liebe Community


    Ich habe ein Formular erstellt und möchte das die Labels und Buttons usw. alle gleich groß sind bzw. die selbe Höhe haben.

    Momentan sieht es so aus: Bild

    Wie man sieht, ist das zweite Feld "Quantity" höher als das erste.


    Ich möchte aber, dass alle die selbe Höhe haben und ich die Länge variieren kann.

    Gelöst habe ich es momentan so:

    Code:
    .wc-alchemy fieldset {
      padding: 1em;
      width: 30em;
      border: 0.1em solid #000;
    }
    
    
    .wc-alchemy legend {
      font-size: 1.5em;
    }
    
    
    .wc-alchemy label {
      width: 5em;
      text-align: right;
      margin-right: 1em;
    }
    
    
    .wc-alchemy input {
      font-size: 1em;
      width: 5em;
      height: 26px;
      margin-right: 0.5em;
      border: 1px solid silver;
      box-sizing: border-box;
      padding: 0;
    }
    
    
    .wc-alchemy input[type=submit] {
      height: 26px;
    }
    
    
    .wc-alchemy select {
      width: 12em;
      height: 26px;
      margin-right: 0.5em;
    }
    Das hat das Problem mit der selben Höhe behoben aber nun folgendes:

    Wie ich gelesen habe, ist es schwer die "option-list" mit CSS alleine zu stylen? Nun sind zwar alle auf der gleichen Höhe (denke ich mal ) aber die zwei Felder sind nicht mit der "option-list" bündig und sind ein wenig Höher.

    Wie löst man dieses Problem?
    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
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Formular anpassen

    Zitat Zitat von rodaN
    Momentan sieht es so aus: Bild

    Wie man sieht
    Bei mir wird nichts angezeigt.

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

    Standard AW: Formular anpassen

    Versuch's mal so
    HTML-Code:
    <!doctype html>
    <html>
    <head>
    <title>Formular</title>
    <meta charset="UTF-8">
    <style>
    
    * {
     margin:0;
     padding:0;
    }
    
    form {
     background:#eee;
     border:1px solid #999;
     margin:10px;
     padding:10px;
     float:left;
    }
    
    fieldset {
     padding:10px 10px 20px 10px;
    }
    
    input , label , select {
     padding:1px;
     border:1px solid #999;
     font:caption;
     display:inline-block;
     vertical-align:bottom;
    }
    
    label {
     border:none;
     vertical-align:top;
    }
    </style>
    </head>
    
    <body id="inhalt">
    <form action="">
    <fieldset>
        <legend>Witchcraft Alchemy Calculator</legend>
      <label for="vorname">Select Charm:</label>
        <select name="top5" size="1">
          <option>Speed Charm</option>
        </select>
    
     <input type="button" name="Button 1" value="Quantity">
     <input type="button" name="Button 2" value="Calc">
    </fieldset>
    </form>
    
    
    </body>
    </html>
    

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 12.10.2012, 13:02
  2. Neue Herausforderung: "Nachricht hinzufügen" Formular anpassen
    Von Herr_Mueller im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 9
    Letzter Beitrag: 06.07.2012, 01:39
  3. PHP Formular - bei Fehleingabe Formular-Seite an bestimmter Stelle (Anker) laden
    Von Josifine im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 01.02.2012, 13:47
  4. Problem mit Formular und zurück Button im Formular
    Von sven77 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 13
    Letzter Beitrag: 30.08.2010, 21:20
  5. Tabellen anpassen
    Von im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 11.09.2004, 19:53

Stichworte

Berechtigungen

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