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

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 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.
    Zuletzt geändert von TobiaZ; 23.04.2004, 22: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

    Kommentar


    • #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;
      }

      Kommentar


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

        Kommentar


        • #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!

          Kommentar


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

            Kommentar


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

              Kommentar

              Lädt...
              X