Question

I’m having trouble understanding a part of basic html.

When I load a page, for images unless I define the width and height, it will start at 0, and grow into the height. This causes the text to move. I’d like to not do that, but if I were to define the height, than the responsiveness of things wouldn’t work. It would bend and break the images, since the width would be relative and the height not.

What would I do in this situation?

you can see what I’m talking about over at http://www.adarels.com

Answer 1

You can hide the div using the style “display:none”.

Using jquery’s ready as below, you can show the divs (Note that this is not tested, would like you to try it as a suggestion):

$(document).ready(function(){
    $(#divid).show();
});

Let me know if it works.