Question

I have such problem with images in Chrome:

when page is loading firstly text appears, than text is moving, and finally images appearing.

I will show in screenshots ( if someone wants I can give you a link to site )

Before images are loaded

after:

I have set sizes of images.

HTML:

 <img alt="I_01" height="66" src="http://91.228.126.168:3000/images/i_01.png" width="73">

and CSS(as you can see I’m using Bootstrap ):

  .second .span4 img {
  padding-right: 10px;
  float: left;
  }

Questions: What I need to add to make them load properly ? What I should do to prevent images loading cause on performance ?

Answer 1

Hi now used to this image in background in your anchor link

as like this

Css

.textline{
display:inline-block;
  text-decoration:none;
  color:black;
  vertical-align:top;
  background:url('http://91.228.126.168:3000/images/i_01.png') no-repeat 0 0;
  padding-left:80px;
line-height:70px;
}

HTml

<a href="#" class="textline"> link Text</a>

Demo link