Cash's from program

Помощь начинающему блоггеру на платформе блоггер, блогспот,обучение простым истинам от а до я. Раскрутка,Seo, и продвижение вашего блога. Заработок на вашем веб ресурсе, и его монетизация. Получение прибыли от разнообразных программ,самые лучшие виджеты, и гаджеты.

16.12.2012

Картинки рядом, две и более по горизонтали

By andrey декабря 16, 2012 Без рубрики Leave a Comment

Как и обещала, сегодня расскажу о втором способе: картинок вместе.

2-й способ более сложный и трудоемкий, но зато можно поставить несколько картинок в ряд по горизонтали, а не две как в прошлой статье.

Они будут стоять вот так::

<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQnu-0geimyCWCW_I7UNkw_Bn2I_y8eZCVUKFAT4sytTFFgCNia_vdJcawkiQJ9K6U7lOe5H3fQWkrPGVYmZOUK15mQ3whlAJm3s2badhBVFPyTMnhWvnV6R_pITi4UiXtz0jI-ZsA0NB/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQnu-0geimyCWCW_I7UNkw_Bn2I_y8eZCVUKFAT4sytTFFgCNia_vdJcawkiQJ9K6U7lOe5H3fQWkrPGVYmZOUK15mQ3whlAJm3s2badhBVFPyTMnhWvnV6R_pITi4UiXtz0jI-ZsA0NB/s320/fotosbornik_ru_1675.jpg" width="320" height="318" class=""/></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkVK6v2MxGmLq5Qe1auv9imzoBI83IcNkt-s5WfZmOfsOzWh1uA5JdATybcVosY26lfZTKdK_n1gFbhW6uSIWTVMfKMG966ALgPqahuplHU_QnoyEcLOrqFpXwxNOC5I-jIEBwg4rdQI6/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkVK6v2MxGmLq5Qe1auv9imzoBI83IcNkt-s5WfZmOfsOzWh1uA5JdATybcVosY26lfZTKdK_n1gFbhW6uSIWTVMfKMG966ALgPqahuplHU_QnoyEcLOrqFpXwxNOC5I-jIEBwg4rdQI6/s320/fotosbornik_ru_1675.jpg" width="320" height="320" class=""/></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLj87rK15g2zOz9c2OcBPCCf1yWNWYIRHjNZz5cOcClVc-E8dM7Ua1mWP2GTSuAh0En0dh8Qvr4kDUxhx26qmm0xHdF5pgRTL6Gngd4xeK2GwVqb0Y67jTswLDudFJdQUWAB-xSWj3FlN/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLj87rK15g2zOz9c2OcBPCCf1yWNWYIRHjNZz5cOcClVc-E8dM7Ua1mWP2GTSuAh0En0dh8Qvr4kDUxhx26qmm0xHdF5pgRTL6Gngd4xeK2GwVqb0Y67jTswLDudFJdQUWAB-xSWj3FlN/s320/fotosbornik_ru_1675.jpg" width="320" height="320" class=""/></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div></div>

После изменений код стал иметь вот такой вид:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQnu-0geimyCWCW_I7UNkw_Bn2I_y8eZCVUKFAT4sytTFFgCNia_vdJcawkiQJ9K6U7lOe5H3fQWkrPGVYmZOUK15mQ3whlAJm3s2badhBVFPyTMnhWvnV6R_pITi4UiXtz0jI-ZsA0NB/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQnu-0geimyCWCW_I7UNkw_Bn2I_y8eZCVUKFAT4sytTFFgCNia_vdJcawkiQJ9K6U7lOe5H3fQWkrPGVYmZOUK15mQ3whlAJm3s2badhBVFPyTMnhWvnV6R_pITi4UiXtz0jI-ZsA0NB/s320/fotosbornik_ru_1675.jpg" width="100" height="100" class=""/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkVK6v2MxGmLq5Qe1auv9imzoBI83IcNkt-s5WfZmOfsOzWh1uA5JdATybcVosY26lfZTKdK_n1gFbhW6uSIWTVMfKMG966ALgPqahuplHU_QnoyEcLOrqFpXwxNOC5I-jIEBwg4rdQI6/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkVK6v2MxGmLq5Qe1auv9imzoBI83IcNkt-s5WfZmOfsOzWh1uA5JdATybcVosY26lfZTKdK_n1gFbhW6uSIWTVMfKMG966ALgPqahuplHU_QnoyEcLOrqFpXwxNOC5I-jIEBwg4rdQI6/s320/fotosbornik_ru_1675.jpg" width="100" height="100" class=""/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLj87rK15g2zOz9c2OcBPCCf1yWNWYIRHjNZz5cOcClVc-E8dM7Ua1mWP2GTSuAh0En0dh8Qvr4kDUxhx26qmm0xHdF5pgRTL6Gngd4xeK2GwVqb0Y67jTswLDudFJdQUWAB-xSWj3FlN/s1600/fotosbornik_ru_1675.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLj87rK15g2zOz9c2OcBPCCf1yWNWYIRHjNZz5cOcClVc-E8dM7Ua1mWP2GTSuAh0En0dh8Qvr4kDUxhx26qmm0xHdF5pgRTL6Gngd4xeK2GwVqb0Y67jTswLDudFJdQUWAB-xSWj3FlN/s320/fotosbornik_ru_1675.jpg" width="100" height="100" class=""/></a>

И так что я сделала я удалила как и в соседней статье весь этот код:

а теперь самое трудоемкое, нужно в ручную изменить размеры картинки:
изменить ширину width="320" и высоту height="318"
Размеры моих картинок более или мене квадрантные поэтому я их изменила до 100, если у вас картинки прямоугольной формы вам нужно будет, подбирать размер самим.
Этот код я увидела тут

0 коммент. :

© 2012-2017 Cash's from program