How to keep left-aligned icon when resizing page?

Question

How to keep left-aligned icon when resizing page?

Navigation

#1 by (1 votes)

1

I have a page that when resized the image of facebook is broken and I can not leave it aligned to the left next to the field of the newsletter, I already tried to reduce the size of the input and it was not cool, I did this:

#newsletter-form input#newsletter {
   float: left;
   width: 300px; /* ALTEREI DE 360 PARA 300 */
   margin-right: 10px;
   display: inline;
}

In addition to the input getting smaller when resizing the broken still image. The page can be viewed here without the change: Developing site

css

asked by anonymous 20.02.2015 / 13:33

1 answer

Displaying null results for mysql related tables How to use OnUpdate = Cascade in Doctrine 2

score 1 · Accepted Answer

First remove display: inline since you are using float: left . Then remove width e height from the img and put it in css to get better.

Code

#newsletter-form input#newsletter {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    width: 360px;
}
#newsletter-form input.button {
    float: left;
    margin-bottom: 0;
    margin-right: 3px;
}
#newsletter-wrap img {
    height: 29px;
    margin: 0;
    width: 29px;
}