Ergebnis 1 bis 7 von 7
  1. #1
    Avatar von jeko
    jeko ist offline Foren-Gott
    registriert
    03-06-2004
    Ort
    [CH]Vor meinem PC[/CH]
    Beiträge
    3.069

    Label und Input leiden an Umbruch

    Hallo zusammen,

    nach langer Abwesenheit wieder mal eine Frage von mir.

    Ich habe ein Formular, das aus zwei Textfeldern und dazugehörigen Labels besteht. Seltsamerweise stehen Labels und Felder je in einer Zeile (Nach den Labels ein Zeilenumbruch), was eigentlich nicht sein sollte da beides inline-Elemente sind (s. Beispiel: Wie es sein sollte).

    Zum Vergleich: Beispiel: Wie es nicht sein sollte, aber ist

    Und zwar in der Mitte bei der Eingabe von Email-Adresse und Passwort.

    Der Quelltext davon ist:
    HTML-Code:
    <div class="boxInfoRS" id="box_login">
            <div class="boxInfoBodyRS">
            <form id="loginbox" method="post" action="https://web3.customweb.ch/login.php?action=process">
                    <label for="email_address">eMail-Adresse</label><input type="text" name="email_address" size="19" maxlength="50" id="email_address1" />
                    <label for="password">Passwort</label><input type="password" name="password" size="10" maxlength="30" id="password1" />
                            </form>
    
            </div>
    </div>
    Das Ganze läuft mit xt:Commerce, was hier weniger eine Rolle spielt ausser, dass die mit zahlreichen CSS-Dateien für reichlich Verwirrung sorgen. Die einzigen CSS-Formatierungen die zur Anwendung auf input-/label-Elemente zum Zuge kommen wären:
    Code:
    /* http://web3.customweb.ch/templates/YAML-xtc-1.5.0/css/screen/content.css */
     input[type=text], #col3_content textarea, input[type=password] , select {
        background:#fff  url(../../img/nettolinsen/inbox_bg.png) left top repeat-x;
        color: #333;
        border: 1px #888 solid; /* ### Farbe für den Rand ### */
        float: left;
        margin-bottom: 5px;
        padding:0px 1px;
    }
    Zum Fixen hab ich folgendes versucht:
    Code:
    /* http://web3.customweb.ch/templates/YAML-xtc-1.5.0/css/screen/boxes.css */
    #email_address1, #password1, #loginbox label {
                 display:inline;
                 margin:0px 10px 0px 10px;
                 padding:0px;
                 clear:both;
      }
    Trotzdem mag er nicht mitspielen... Wo liegt das Problem?

    Grüsse
    jeko
    Geändert von jeko (24-07-2008 um 12:34 Uhr)
    Arbeit an der Sprache ist Arbeit am Gedanken.
    NoPaste / Format / Analyze / Crypt
    Ich bin ein Schwätzer.

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Label und Input leiden an Umbruch

    Zitat Zitat von jeko Beitrag anzeigen
    Zum Fixen hab ich folgendes versucht:
    Code:
    /* http://web3.customweb.ch/templates/YAML-xtc-1.5.0/css/screen/boxes.css */
    #email_address1, #password1, #loginbox label {
                 display:inline;
                 margin:0px 10px 0px 10px;
                 padding:0px;
                 clear:both;
      }
    Wenn Du clear:both; rausnimmst, hast Du - zumindest im FF2 - den Umbruch nicht mehr.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  3. #3
    Avatar von jeko
    jeko ist offline Foren-Gott
    registriert
    03-06-2004
    Ort
    [CH]Vor meinem PC[/CH]
    Beiträge
    3.069

    AW: Label und Input leiden an Umbruch

    hm... Hat bei mir keinen Effekt. Benutze aber auch FF3.0.1... Dann hilft nur beten und hoffen, dass es nicht an den unterschiedlichen Versionen von FF liegt. Aber danke für deine prompte Antwort!
    Arbeit an der Sprache ist Arbeit am Gedanken.
    NoPaste / Format / Analyze / Crypt
    Ich bin ein Schwätzer.

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Label und Input leiden an Umbruch

    Ich habe das mit EditCSS (Firefox-Extension) mal so hingekriegt:
    Code:
     #email_address1, #password1, #loginbox label {
                 display:block; /* aus inline block gemacht */
                 margin:0px 10px 0px 10px;
                 padding:0px;
                 float:left; /* und noch ein float:left verpasst */
      }
    Ist sicher noch etwas Feinarbeit nötig (bei margin und/oder padding), aber funktioniert grundsätzlich...
    Geändert von dkdenz (24-07-2008 um 23:34 Uhr)

  5. #5
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Label und Input leiden an Umbruch

    Geniale Idee, Herr Denz! Ist das sowas wie "minus mal minus gleich plus"? Also zweimal float hebt float auf? Ist das eine Regel?


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  6. #6
    Avatar von jeko
    jeko ist offline Foren-Gott
    registriert
    03-06-2004
    Ort
    [CH]Vor meinem PC[/CH]
    Beiträge
    3.069

    AW: Label und Input leiden an Umbruch

    Vielen Dank dkdenz, funktioniert sehr gut!

    anna: Ich denke nicht, dass das ein geplantes Verhalten ist... Entweder haben wir etwas übersehen oder es handelt sich hierbei um einen Bug. Vll. weiss dkdenz ja mehr.

    Danke euch auf jeden Fall!
    Arbeit an der Sprache ist Arbeit am Gedanken.
    NoPaste / Format / Analyze / Crypt
    Ich bin ein Schwätzer.

  7. #7
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Label und Input leiden an Umbruch

    Zitat Zitat von jeko Beitrag anzeigen
    Vielen Dank dkdenz, funktioniert sehr gut!

    anna: Ich denke nicht, dass das ein geplantes Verhalten ist... Entweder haben wir etwas übersehen oder es handelt sich hierbei um einen Bug. Vll. weiss dkdenz ja mehr.

    Danke euch auf jeden Fall!
    Gern' geschehen.
    Ich habe mich nicht in der direkten Umgebung umgesehen, sondern wild drauf los getippt, bis es geklappt hat.
    Ob geplant oder Bug oder Zufall? Keine Ahnung...

Ähnliche Themen

  1. Input Textfeld einfügen / FF geht, IE geht nicht :(
    Von thunderace im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 24-11-2007, 11:30
  2. value von input zu input übertragen
    Von P_ray im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 13-04-2007, 14:41
  3. Problem mit dynamisch erstelltem input feld
    Von wirkungsquantum im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 31-03-2007, 20:54
  4. 2 input felder mit gleichem value=""
    Von thyq7 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 07-03-2007, 07:06
  5. Datum und Uhrzeit je in input Feld
    Von simsus im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 25-11-2006, 19:08

Lesezeichen

Berechtigungen

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