Bild neben <Intput type="text"> auf middel setzen?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Bild neben <Intput type="text"> auf middel setzen?

    Hi zusammen,

    habe ein Problem bei der Formatierung eines Formulars:

    Code:
    form
    {
      border: 1px solid #EEEEEE;
      padding: 15px;
    }
    
    input
    {
      border: 1px solid #000000;
    }
    
    img
    {
      border:0;
    }
    PHP Code:
    <BODY>
    <
    FORM method="POST" action="css_test.html">
      <
    INPUT type="text" name="search[str]">
      <
    A href="#"><IMG src="minibutton_lft.gif"><IMG 
        src
    ="minibutton_search_green.gif"><IMG 
        src
    ="minibutton_rgt.gif"></A>
    </
    FORM>
    </
    BODY
    Wie das ganze aussieht, seht ihr auf http://www.tobiweb.net/internal/css_test.html

    Dabei fällt auf, dass der Image-Link nicht "middle" neben dem Feld steht, sondern etwas hochgestellt. Wie bekomme ich das ding denn auf die middel-position.

    vertical-align:middle scheint nicht der richtige ansatz zu sein. auch experimente mit baseline, ... warens net.
    Last edited by TobiaZ; 23-04-2004, 21:42.

  • #2
    was passt dir denn nicht? ... wenn ichs dem img zuordne erfolgt eine
    andere positionierung (vertikal) ... ok, das mit der vertikalen mitte scheint
    bei keinem browser exakt zu stimmen, dafür ist der versatz anscheinend
    überall der selbe (ie, firefox, opera) ...
    Kissolino.com

    Comment


    • #3
      Geht doch:

      Code:
      form
      {
        border: 1px solid #EEEEEE;
        padding: 15px;
      }
      
      input
      {
        border: 1px solid #000000;
        vertical-align:middle;
      }
      
      img
      {
        border:0px;
        vertical-align:middle;
      }

      Comment


      • #4
        vergiss es ... hab grad dein edit gesehen .... aber HN hats schon.
        Kissolino.com

        Comment


        • #5
          also in dem simplen beispiel seems to work (annähernd). wunderbar! my hero finds zwar immer nicht so ideal, wenn mans zwei mal definieren muss, aber soll gut sein. muss ich das drumherum nochn bisschen anpassen.

          thanx so near you two!

          Comment


          • #6
            Du sollst ja bestimmen, wo ein Element sich ausrichten soll. Kannst ja auch Klassen definieren

            Comment


            • #7
              jupp, hab jetzt ne klasse middel im <form> sollte klappen.

              Comment

              Working...
              X