• Авторизация


Без заголовка 23-02-2012 17:32 к комментариям - к полной версии - понравилось!

Это цитата сообщения MANGIANA Оригинальное сообщение

Урок по таблицам

[показать]
УРОК ПО ТАБЛИЦАМ

Сегодня мы поговорим не о том как выстроить в своем посте фото, картинки и разную разность..а о том как удобнее расположить  в посте картинки и текст..чтобы и место было не лишним  и красиво  смотрелось.. Итак

Пишем текст в 2 столбика.

От тюрьмы и от сумы не зарекайся.
Оступившись, обязательно покайся.

    Да осилит путь идущий по дорогам.
Да отыщет свет во тьме идущий с Богом.


вот код этого

<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td><text size="2"><text color="#663300">Текст первого столбца</td><td width="36" ></td><td><text size="2"><text color="#FF0033">Текст второго столбца</text></text></td></tr></table>


Далее..

<text
color="#663300"> это цвет текста, его можно поменять
на другой.
Меняем только ту часть, которая заключена в кавычки, ничего больше не
трогаем.
<td width="36"> это расстояние между столбцами, его тоже можно менять. К примеру, не 36, а 12.
<text size="2"> это
размер шрифта нашего текста. Двойку можно поменять на нужный размер.

 



Пишем текст  с картинками в 2 столбика







Странная штука, жизнь виртуальная,
Хоть электронная - все же реальная,






Те же в ней страсти, любовь и пороки,
Те же по жизни у всех замороки...

 

вот формула этого

<table width="100%" border="0" cellspacing="7" cellpadding="7"> <br /><tr> <br /><td width="50%"><br />КАРТИНКА (вставляем из компьютера или из Радикала под №6)<br /></td><br /><td width="50%"><br /><text size="2"><text color="663300">ТЕКСТ</text> <br /></td><br /><tr><br /><td width="50%"><br />КАРТИНКА<br /></td> <br /><td width="50%"><br /><text size="2"><text color="000000">ТЕКСТ</text><br /></td><br /></tr></table>



Далее..

Как менять размер и цвет шрифта вы уже знаете.
А вот чтобы продолжить эту формулу (обычно мы используем побольше и картинок, и текста), нужно вставить между последними тэгами </td>
и </tr> вот такой элемент формулы
<tr>
<td width="50%">
Картинка
</td>
<td width="50%">
<text color="ffffff">Текст</text>
</td>
и ставить таких элементов столько, сколько нужно.

Картинка между текстом




 

   

Странная штука, жизнь виртуальная,
Хоть электронная - все же реальная,
   

   

[показать]
   

   

Те же в ней страсти, любовь и пороки,
Те же по жизни у всех замороки....
   

 


вот формула этого

<table border="0" cellspacing="8" cellpadding="0"><br />  <tr><br />    <td><br /> <text size="2"><text color="9d0039">ТЕКСТ</text></text><br />    </td><br />    <td><br /><img src='URL(адрес из Интернета) или из Радикала под №1' border='0'><br />    </td><br />    <td><br /> <text size="2"><text color="9d0039">ТЕКСТ</text></text>.<br />    </td><br />  </tr></table>




Далее..

Продолжить писать таким же образом можно, повторив элемент<tr><td>
<text size="2"><text color="9d0039">Текст</text></text>
   </td>
   <td>
<img src='URL(адрес из Интернета) или из Радикала под №1' border='0'>
   </td>
   <td>
<text size="2"><text color="9d0039">ТЕКСТ</text></text>.
   </td>
Вставляем его так же, как описано выше. Желаю удачи!


источник
[606x52]



Серия сообщений "Оформление текста":

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Урок по таблицам
Часть 3 - Смайлы на любой вкус
Часть 4 - Интересная тень text-shadow
...
Часть 39 - Маленькая шпаргалка по выравниванию текста
Часть 40 - ГЕНЕРАТОРЫ РАЗНЫХ ТЕКСТОВ
Часть 41 - ГЕНЕРАТОРЫ БЛЕСТЯЩИХ И РАЗНОЦВЕТНЫХ НАДПИСЕЙ, БЕГУЩЕГО ТЕКСТА


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | katya482 - Дневник katya482 | Лента друзей katya482 / Полная версия Добавить в друзья Страницы: раньше»