Matze: Button

Hallo !

Ich bin am Verzweifeln :-)!!!
Ich erstelle Buttons und jedes Mal passt er die Buttongröße proportional zur Buttonbezeichnung an und das ist auch gut so :-)
Aber ....
er passt auch den Abstand des Textes zum Buttonrand an und desdo länger die Bezeichnung ist umso größer auch der Abstand vom Rand.

Hat jemand eine Idee, wie man den Abstand des Textes zum Buttonrand auf , z.B. 3px , einstellen kann ?

Über  padding-left: 5px;
     padding-right: 5px;

funktioniert es leider nicht :-(

Danke vorab.

  1. Hi,

    jedes Mal passt er die Buttongröße proportional zur Buttonbezeichnung an

    wer ist "er"?

    er passt auch den Abstand des Textes zum Buttonrand an

    und wie macht "er" das bisher?

    Hat jemand eine Idee, wie man den Abstand des Textes zum Buttonrand auf , z.B. 3px , einstellen kann ?

    ohne einen Schimmer, mit welcher Texhnik "er" das bisher gemacht hat bzw. wie der bisherige Code aussieht - nein.

    freundliche Grüße
    Ingo

    1. so schaut meine Seite aus :

      <!Doctype html PUBLIC "-//W3C//DTD HTML 4.0 //EN">
      <html>
      <head>
      <title>Button Cursor Test</title>
      <script type="text/javascript">
      <!--
      function newattributs(obj,fgcol,bgcol,bratt,cur)
      {
      if(obj.style)
      {
      obj.style.color=fgcol; //Forground-Color
      obj.style.backgroundColor=bgcol; //Background-Color
      obj.style.border=bratt; //Border-Attribute
      obj.style.cursor=cur; //Cursor-Attribut
      }
      }
      //-->
      </script>
      <style type="text/css">
      <!--
      form input.button, form input.button1 {
       color: #242880;
       font-weight:600;
       background-color: #EFEFF7;
       border:2px solid #242880;
       padding-left: 5px;
       padding-right: 5px;

      -->
      </style>
      </head>
      <body>

      <form action="" method="" target="">
      <p><input class="button" type="Submit" name="" value="Abschicken"></p>
      </form>

      <form action="" method="" target="">
      <p><input class="button" type="Submit" name="" value="AbschickenAbschicken"></p>
      </form>

      </body>
      </html>

      1. hi,

        function newattributs(obj,fgcol,bgcol,bratt,cur)

        dies funktion wird bei dir nirgends aufgerufen, also kannst du sie gleich weglassen.

        (oder hast du uns etwa den aufruf verschwiegen?)

        gruss,
        wahsaga

        1. Sorry, hatte ich vergessen rauszunehmen.

  2. Hallo,

    hast du schon width: probiert

    input#submit {
      width: 120px;
    }

    <input type="submit" id="submit" />

    Nachteil, die Breite (falls es funktioniert) würde für jeden extra Button definiert werden müssen.

    HTH

    Werner