ставим картинки в ряд

Четверг, 22 Декабря 2011 г. 12:05 + в цитатник

Цитата сообщения Novichok56

Прочитать целиком В свой цитатник или сообщество!

СТАВИМ КАРТИНКИ В РЯД

ВСЕ МОИ УРОКИ ЗДЕСЬ

Сегодня я хочу вам рассказать как ставить картинки в ряд.
Вы решили в своем сообщении опубликовать различные картинки(фоны, анимации, смайлики и т.д.), но они небольшого размера и, если их ставить друг под другом, они будут занимать много места и сообщение получится длинным и некрасивым.
Как же вам поставить картинки, чтобы они имели вот такой вид:

А делается это благодаря формулам:

ДВЕ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> </tr> </table>

Посмотрим на формулу, что здесь нужно менять:

Вместо слов КАРТИНКА вы вставляете КОД КАРТИНКИ, я рассказывала ранее, как можно брать КОД КАРТИНКИ, он должен иметь такой вид:

Он может иметь другие цифры и буквы, но то что обведено красной рамкой, должно обязательно в коде присутствовать.

ТРИ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ЧЕТЫРЕ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ПЯТЬ КАРТИНОК В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ШЕСТЬ КАРТИНОК В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>

Если картинки очень маленькие, вы можете и больше 6 картинок поставить в ряд.
Что для этого нужно делать?
Посмотрите на формулу для 6 картинок в ряд:

Видите, я выделила красной рамочкой, фрагменты формулы, которые повторяются, вот
такие фрагменты и нужно добавить в эту формулу столько раз, сколько картинок вы хотите еще добавить кроме шести.
Но ставить эти фрагменты нужно только в этом месте:

Закончили один ряд с картинками, и сразу же под ним, без пропусков, снова вставляем нужную формулу, чтобы вместо слов КАРТИНКА вставлять КОДЫ КАРТИНОК:

Все! Удачи в вашем творчестве!

Серия сообщений "картинки":
Часть 1 - цветы с кодами
Часть 2 - картинки на все случаи жизни
...
Часть 4 - вид из окна анимашки с кодами
Часть 5 - Картинки и пожелания с кодами
Часть 6 - ставим картинки в ряд
Часть 7 - Красавица Зима!
Часть 8 - Красивые цветы с кодом

<a href="https://www.liveinternet.ru/users/werada/post198029691/">СЃС‚Р°РІРёРј РєР°СЂС‚РёРЅРєРё РІ СЂСЏРґ</a><br/>РЎРўРђР’РРњ РљРђР РўРРќРљР Р’ Р РЇР”

Р’РЎР• РњРћР РЈР РћРљР Р—Р”Р•РЎР¬

РЎРµРіРѕРґРЅСЏ СЏ С…РѕС‡Сѓ РІР°Рј СЂР°СЃСЃРєР°Р·Р°С‚СЊ РєР°Рє СЃС‚Р°РІРёС‚СЊ РєР°СЂС‚РёРЅРєРё РІ СЂСЏРґ.
Р’С‹ СЂРµС€РёР»Рё РІ СЃРІРѕРµРј СЃРѕРѕР±С‰РµРЅРёРё РѕРїСѓР±Р»РёРєРѕРІР°С‚СЊ СЂР°Р·Р»РёС‡РЅС‹Рµ РєР°СЂС‚РёРЅРєРё(С„РѕРЅС‹, Р°РЅРёРјР°С†РёРё, СЃРјР°Р№Р»РёРєРё Рё С‚.Рґ.), РЅРѕ РѕРЅРё РЅРµР±РѕР»СЊС€РѕРіРѕ СЂР°Р·РјРµСЂР° Рё, РµСЃР»Рё РёС… СЃС‚Р°РІРёС‚СЊ РґСЂСѓРі РїРѕРґ РґСЂСѓРіРѕРј, РѕРЅРё Р±СѓРґСѓС‚ Р·Р°РЅРёРјР°С‚СЊ РјРЅРѕРіРѕ РјРµСЃС‚Р° Рё СЃРѕРѕР±С‰РµРЅРёРµ РїРѕР»СѓС‡РёС‚СЃСЏ РґР»РёРЅРЅС‹Рј Рё РЅРµРєСЂР°СЃРёРІС‹Рј. 
РљР°Рє Р¶Рµ РІР°Рј РїРѕСЃС‚Р°РІРёС‚СЊ РєР°СЂС‚РёРЅРєРё, С‡С‚РѕР±С‹ РѕРЅРё РёРјРµР»Рё РІРѕС‚ С‚Р°РєРѕР№ РІРёРґ:

Рђ РґРµР»Р°РµС‚СЃСЏ СЌС‚Рѕ Р±Р»Р°РіРѕРґР°СЂСЏ С„РѕСЂРјСѓР»Р°Рј:

Р”Р’Р• РљРђР РўРРќРљР Р’ Р РЇР”:
   РљР°СЂС‚РёРЅРєР°   РљР°СЂС‚РёРЅРєР°

РџРѕСЃРјРѕС‚СЂРёРј РЅР° С„РѕСЂРјСѓР»Сѓ, С‡С‚Рѕ Р·РґРµСЃСЊ РЅСѓР¶РЅРѕ РјРµРЅСЏС‚СЊ:

Р’РјРµСЃС‚Рѕ СЃР»РѕРІ РљРђР РўРРќРљРђ РІС‹ РІСЃС‚Р°РІР»СЏРµС‚Рµ РљРћР” РљРђР РўРРќРљР... <a href="https://www.liveinternet.ru/users/werada/post198029691/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Музыка

-Цитатник

-Рубрики

-Кнопки рейтинга «Яндекс.блоги»

-Поиск по дневнику

-Подписка по e-mail

-Статистика

ставим картинки в ряд