2016-05-02 3 views
-2

У меня 5 изображений. и мне нужно сделать что-то вроде этого: enter image description hereизображение вправо и влево

HTML:

<div class='yoursite' style=""> 

         <span class='locationbutton' id='image2a' style=" "><img alt="" src="http://placehold.it/90x70"></span> 
         <span class='locationbutton' id='image2b' style=""><img alt="" src="http://placehold.it/90x70"></span> 
         <span class='yoursite' id='image2b' style=""><img alt=""src="http://placehold.it/500x500"></span> 
         <span class='locationbutton' id='image2c' style=""><img alt="" src="http://placehold.it/90x70"></span> 
         <span class='locationbutton' id='image2d' style=""><img alt="" src="http://placehold.it/90x70"></span> 
        </div> 

и я не понимаю, как ???

, пожалуйста, кто-то может помочь?

ответ

1
<div class='yoursite' style=""> 
<div style="float:left;margin-right:5px;margin-top: 355px;"> 
         <div style="margin-bottom:5px;"> <span class='locationbutton' id='image2a' style=" "><img alt="" src="http://placehold.it/90x70"></span></div> 
         <div> <span class='locationbutton' id='image2b' style=""><img alt="" src="http://placehold.it/90x70"></span></div> </div> 
         <div style="float:left;margin-right:5px;margin-bottom:5px"> <span class='yoursite' id='image2b' style=""><img alt=""src="http://placehold.it/500x500"></span></div> 
        <div style="margin-top:355px;float:left"> <div style="margin-bottom:5px;"> <span class='locationbutton' id='image2c' style=""><img alt="" src="http://placehold.it/90x70"></span></div> 
         <div > <span class='locationbutton' id='image2d' style=""><img alt="" src="http://placehold.it/90x70"></span></div> </div> 
        </div> 

Попробуйте это. Это может быть полезно для вас. Установите маржу в соответствии с вами.

Важное примечание: оно не реагирует.

Смежные вопросы