Pete: input: Höhe verändern

Hallo,

ich versuche mit css eine <input type='text'> zu gestalten und habe dafür den Schriftgrad auf 8px gesetzt. Allerdings hat sich die Höhe des input-Feldes nicht mit geändert.

Geht das nicht?

Pete

  1. Hallo,

    ich versuche mit css eine <input type='text'> zu gestalten und habe dafür den Schriftgrad auf 8px gesetzt. Allerdings hat sich die Höhe des input-Feldes nicht mit geändert.

    Warum soll das nicht gehen? Sowohl Änderungen von height als auch von font-size funktionieren bei mir wunderbar.

    Gib mal ein Beispiel. In welchem Browser testest Du?

    Viele Grüße
    Frank

    1. Warum soll das nicht gehen? Sowohl Änderungen von height als auch von font-size funktionieren bei mir wunderbar.

      Bei mir (FireFox unter OSX) verändert sich nur die Schriftgröße nicht aber das Eingabefeld. Muss man da noch irgendwie mit padding oder margin arbeiten?

      Pete

      1. Hallo,

        Warum soll das nicht gehen? Sowohl Änderungen von height als auch von font-size funktionieren bei mir wunderbar.

        Bei mir (FireFox unter OSX) verändert sich nur die Schriftgröße nicht aber das Eingabefeld. Muss man da noch irgendwie mit padding oder margin arbeiten?

        Ich nehme an, Du hast font-size modifiziert. U.U. musst Du noch height oder line-height anpassen. Ich habe zur Zeit nur den IE6 verfügbar, und hier führen Änderungen von height und font-size dazu, dass das Eingabefeld höher wird bzw. der Font vergrößert wird und dabei das Eingabefeld mit vergrößert. Aber der IE macht leider sowieso, was er will ...

        Viele Grüße
        Frank

        1. height oder line-height anpassen. Ich habe zur Zeit nur den IE6

          Hallo Frank,

          danke für den Tipp. Hast du eventuell eine Objektübersicht in der man erkennt welche HTML-Tags welche css-eigenschaft haben?

          Pete

          1. Hallo,

            danke für den Tipp. Hast du eventuell eine Objektübersicht in der man erkennt welche HTML-Tags welche css-eigenschaft haben?

            Nein, ich habe leider keine kompakte Übersicht. Aber in http://de.selfhtml.org/navigation/css.htm findest Du viele Informationen. Ist leider mit etwas Klickaufwand verbunden ...

            Viele Grüße
            Frank

            1. Nein, ich habe leider keine kompakte Übersicht. Aber in http://de.selfhtml.org/navigation/css.htm findest Du viele Informationen.

              Da steht halt leider nur immer welches Attribut was macht, aber nicht auf welches Tag ich es anwenden kann/muss.

              Die Sortierung ist sozusagen ungeschickt.

              Pete

          2. Hi,

            danke für den Tipp. Hast du eventuell eine Objektübersicht in der man erkennt welche HTML-Tags welche css-eigenschaft haben?

            Diese HTML-Elemente http://www.w3.org/TR/html401/index/elements.html
            haben diese CSS-Eigenschaften http://www.w3.org/TR/REC-CSS2/propidx.html

            cu,
            Andreas

            --
            MudGuard? Siehe http://www.Mud-Guard.de/
            Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      2. Hallo.

        (FireFox unter OSX)

        Das ist die wesentliche Information. Nicht jeder Browser auf jedem Betriebssystem unterstützt Manipulationen an GUI-Elementen. Safari etwa ist bekannt dafür, sehr wenig zuzulassen. Mit den (X)HTML- und CSS-Standards hat dies nur in besonderen Ausnahmefällen zu tun, meines Wissens nicht einmal bei "type='file'", wo sich alle bekannten grafischen Browser gleich verhalten, indem sie jegliche Manipulation unterbinden.
        MfG, at