höhe von buttons und inputfeldern (HTML, CSS und Javascript)

[thread]14951[/thread]

höhe von buttons und inputfeldern

Readers: 23

Articles: hide open all | hide show old branches

+8 replies
esskar

2010-04-18 22:07

User since
2003-08-04
7321 articles
ModeratorIn

Hallo,

hat es jemand von euch mal hinbekommen, einen (submit)button und ein text-inputfeld verlässlich auf die selber höhe zu layouten. also das obere und untere kanten gleich abschließen.
- +7 replies
- sitescriptor
  
  2010-04-19 09:02
  
  User since
  2009-08-09
  105 articles
  BenutzerIn
  
  Mit display:block; und dann die Höhe einstellen!?
  - +6 replies
  - esskar
    
    2010-04-19 12:03
    
    User since
    2003-08-04
    7321 articles
    ModeratorIn
    
    jetzt werden die inputfelder aber alle untereinander und nicht mehr nebeneinander dargestellt. hast du da noch ne idee? (keine tabelle bitte :-) )
    - +5 replies
    - GwenDragon
      
      2010-04-19 13:35
      
      User since
      2005-01-17
      14817 articles
      Admin1
      
      Natürlich nicht display: block. Die Elemente müssen ja inline bleiben sein. ;)
      
      Es klappt so nicht. Jeder Browser rendert leicht anders.
      Wenn du per CSS jetzt padding, margin auf 0 setzt, sind Unterschiede in verschiedenen Browsern zu sehen.
      
      Kanns ja das mal testen:
      
      Code (html): (dl )
      
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
      
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />    <style type="text/css"> #textfeld1 { margin:0;padding:0;border:1px;vertical-align:top} #button1 { margin:0;padding:0;border:1px;vertical-align:top} </style> <title>Test mit Button</title> </head> <body> <input value="Das ist ein Text." type="input" id="textfeld1"><input value="Senden" type="submit" id="button1"> </body> </html>
      
      Last edited: 2010-04-19 15:03:27 +0200 (CEST)
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
      - +4 replies
      - esskar
        
        2010-04-19 14:16
        
        User since
        2003-08-04
        7321 articles
        ModeratorIn
        
        das sieht jetzt aber annehmbar aus; was machst du denn jetzt anders???
        
        +3 replies
        
        GwenDragon
        
        2010-04-19 14:24
        
        User since
        2005-01-17
        14817 articles
        Admin1
        
        Anders? Nix, aber es gibt Unterschiede im Einer-Pixelbereich bei den Höhen in unterschiedlichen Browsern.
        Das siehst du wenn du die Inhalte im Browser zoomst.
        Aber das fällt meiner Meinung wenig auf.
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        +2 replies
        
        esskar
        
        2010-04-19 14:27
        
        User since
        2003-08-04
        7321 articles
        ModeratorIn
        
        unterschiedliche browser ist es mir ja noch egal.
        will eben nur, dass in einem browser gleich hoch sind.
        von mir aus auch mit eigenem style
        
        GwenDragon
        
        2010-04-19 14:30
        
        User since
        2005-01-17
        14817 articles
        Admin1
        
        OK. Dann passt doch mein Beispiel.
        //EDIT: Ich Dussel, das fehlen bei den Ids im CSS ja die # am Anfang, sorry.
        
        Noch Fragen dazu? ;)
        Last edited: 2010-04-19 15:04:42 +0200 (CEST)
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten

View all threads created 2010-04-18 22:07.