Bild und Input zusammen (padding)

  • Hey,


    Wenn ich ein Bild und ein Inputfeld nebeneinanderstelle, ist ein minimaler abstand dazwischen. Hat jmd eine Idee wie ich den Abstand da wegbekomme?


    <div class="left">
    <img src="img/user.png" alt="User" />
    <input type="name" name="username" />
    </div>
    #loginarea img{
    padding-top: 3px;
    height: 24px;
    width: 24px;
    vertical-align:sub;
    }
    #loginarea input{
    height: 24px;
    margin-top: 4px;
    padding-left: 0;
    padding-right: 0;
    }


    Danke euch

  • öhm...


    CSS
    margin-left:-10px;


    beim Input, wenn du das meinst.

    Hauptsache ist ja immer, dass du es verstehst und das es funktioniert. Es bringt nichts, wenn du einen Code hast den du nicht verstehst, und noch weniger bringt es was wenn du einen Code hast der nicht tut. Naja, und wenn beides zusammen kommt, dann wirds lustig.

  • mit position: relative; und margin-left oder je nachdem wie du dein Input bewegen willst. Aber es kann sein das es in Internet Explorer anders dargestellt wird als z.B in Firefox, drauf achten! :)

    Wer PALWAL-Sternchen vergibt, bekommt aus Prinzip ein Like 😏


    @palwal Donald Trump ist einer der besten Präsidenten welche die USA je hatte, meine Meinung.