Question

I have two links which are using an image as a link. These images strangely are placed a bit higher than excepted, as you can see in this picture:

I want to move these images some pixels under so its aligned with the rest of the text. I’ve used margin-top and padding-top addressing with this path #foot-content a img. But when I moved them they simply move all the rest of the text downwards. Under I place my html of my footer if handy. Could you let me know what solution is there?

<footer>    
            <div id="footer-bg-left">
                <div id="foot-content">
                    <p>Diseñado por <a href="mailto:[e-mail]">Daniel. R-Escudero</a> <span>|</span> Todos los derechos reservados <span>|</span> <a href="mailto:[e-mail]">[e-mail]</a> <span>|</span><a href="http://www.linkedin.com/pub/rosa-susaeta/50/1aa/134"><img src="./_img/footer/logo.linked.png"></a> <a href="https://www.facebook.com/rosa.susaetasalichs"><img src="./_img/footer/logo.facebook.png"></a></p>
                </div>
            </div>  
</footer>

Answer 1

Strictly speaking I’m not sure if this is best practice, but I would just do something with relative positioning in CSS. e.g.

img {
     position: relative;
     top: 10px; /* tweak until correct */
}