mangiana_irina (mangiana_irina) wrote,
mangiana_irina
mangiana_irina

УРОК ПО ТАБЛИЦАМ

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

Пишем текст в 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>
Вставляем его так же, как описано выше. Желаю удачи!

источник: clubs.ya.ru/4611686018427428548/replies.xml?item_no=2938

**************************************

СОЗДАНИЕ ТАБЛИЦ

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

Способ первый: между кодами двух кнопок вставьте неразрывный пробел &nbsp;

Пример: <код первой кнопки>&nbsp;<код второй кнопки>&nbsp;<код третьей кнопки>

Этот способ не работает, если вы хотите поставить что-то рядом с табличкой.

Способ второй: нарисуйте табличку и поместите кнопки по одной в каждую ячейку.

Выкладываю в качестве примера коды табличек. В этом посте рамки обведены по контуру, иначе они не будут видны, коды даны для таблички без обводки.

Табличка из 2 столбцов и 3 строк

Первая строка, первый столбец Первая строка, второй столбец
Вторая строка, первый столбец Вторая строка, второй столбец
Третья строка, первый cтолбец Третья строка, второй столбец




Табличка из 3 столбцов и 3 строк



Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец
Третья строка, первый столбец Третья строка, второй cтолбец Третья строка, третий столбец




Табличка из 4 столбцов и 3 строк



Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец






"Запасные строчки"

Табличка из 2 столбцов и 1 строки


Первая строка, первый столбец Первая строка, второй столбец




Табличка из 3 столбцов и 1 строки



Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец




Табличка из 4 столбцов и 1 строки


Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец




Ответы на возможные вопросы:

1. У меня не получается! - Все коды рабочие, пробуйте ещё раз и будьте внимательны.

2. Получается некрасиво!- Сделайте все кнопки (или другие объекты) одного размера, уберите лишние пробелы, которые вы случайно добавили. Попробуйте не переходить из HTML-режима в режим "с оформлением".

3. Помогите, я - "чайник", дайте готовый код с моими кнопками! - Это клуб для тех, кто думает и учится, а не для того, чтобы кто-то делал это за вас.

***********************************************

Есть более легкий вариант всего лишь код, но применять его надо с осторожностью.



источник: clubs.ya.ru
Tags: #ff0033, оформление текста, таблицы, уроки, шаблоны
Subscribe

Posts from This Journal “таблицы” Tag

  • Готовые шаблоны таблиц с формулами

    УРОК ОТ ДЖУЛИИ Построим простейшую таблицу, состоящую из одной строки и двух столбцов.…

  • КАРТИНКИ В РЯД

    2 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td>…

  • РАЗБИВКА ТЕКСТА НА ДВЕ КОЛОНКИ

    Если вам по каким-то причинам нужно разбить текст на две колонки, то можно воспользоваться вот этими формулами: <table…

  • УРОК ПО ТАБЛИЦАМ

    Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам…

  • ТЕКСТ МЕЖДУ КАРТИНОК

    Текст между двух картинок! По сути, это та же таблица, только без рамки. Итак, формула: <table align=center…

promo mangiana_irina апрель 22, 2016 06:42 41
Buy for 30 tokens
Эти по-настоящему крутые иллюзии канадского художника Роба Гонзалеса удивят тебя не на шутку. Глядя на картину невозможно понять, где заканчивается реальность и начинается иллюзия. Роб начал интересоваться искусством еще в детстве. В 12 лет он начал писать картины, но в то время еще не мог…
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 2 comments