-Всегда под рукой

Найти в блоге:




Rost рекомендует
Блог Ильи Татарникова

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

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.05.2003
Записей: 13932
Комментариев: 174054
Написано: 266181


Как разместить текст или картинку слева, справа или посередине?

Пятница, 16 Января 2009 г. 10:15 + в цитатник
Очередное дополнение в

Мне многие часто задают вопрос, о том, как разместить текст или картинку в сообщении, в эпиграф дневника и/или в графе "О себе" профиля слева, справа или посередине. Ну, нет ничего проще.
Для этого придётся научится пользоваться html конструкцией "div align=выравнивание", где выравнивание может принимать одно из 3 значений: "left" (слева), "right" (справа) или "center" (в центре, посередине).

В общем виде используется такой html код:
,
где выравнивание - "left" (слева) или "right" (справа).

Внимание! Для выравнивания по центру конструкция <div align="center"> не действует!
Для выравнивания по центру надо просто написать "<center>".


Пример №1 (по центру)
Чтобы добавить этот пост в цитатник, нажмите на картинку!
 (251x101, 3Kb)

Код этого элемента:


Пример №2 (справа)
Чтобы добавить этот пост в цитатник, нажмите на картинку!
 (251x101, 3Kb)

Код этого элемента:


Пример №3 (слева)
Чтобы добавить этот пост в цитатник, нажмите на картинку!
 (251x101, 3Kb)

Код этого элемента:


Примечание №1
Для выравнивания налево и по центру (посередине) можно вместо этой конструкции использовать конструкции:
- для выравнивания по левому краю
- для выравнивания посередине (по центру).

Примечание №2
Для выравнивания только картинки, элемент "align" можно просто добавить в её код.
Например (выравниваем направо):

Все значения атрибута "align" и их предназначение можно прочитать тут:
Как размешать текст и картинки в одной строке?

LI 5.09.15
Метки:  

Процитировано 381 раз
Понравилось: 33 пользователям

_LexIncorp_   обратиться по имени Пятница, 16 Января 2009 г. 12:51 (ссылка)
выравнивание, а не равнение :P
Ответить С цитатой В цитатник
_LexIncorp_   обратиться по имени Пятница, 16 Января 2009 г. 12:52 (ссылка)
чего ж ты не написал, что align можно просто в параметры самого img дописать без всяких div'ов ?
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как разместить текст или картинку слева, справа или посередине? Пятница, 16 Января 2009 г. 13:08 (ссылка)
Исходное сообщение _LexIncorp_: выравнивание, а не равнение :P

В каком полку служили? ;)
P.S. Исправлю.

LI 7.05.22
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как разместить текст или картинку слева, справа или посередине? Пятница, 16 Января 2009 г. 13:09 (ссылка)
Исходное сообщение _LexIncorp_: чего ж ты не написал, что align можно просто в параметры самого img дописать без всяких div'ов ?

Я же не учебник по html пишу :)

LI 7.05.22
Ответить С цитатой В цитатник
_LexIncorp_   обратиться по имени Пятница, 16 Января 2009 г. 13:15 (ссылка)
Исходное сообщение Rost
Я же не учебник по html пишу :)

div и align - аж два новых слова. + надо дивы закрывать и тд и тп.
а с картинками уже кто-то да умеет работать.
Ответить С цитатой В цитатник
Juglans58   обратиться по имени Суббота, 17 Января 2009 г. 19:38 (ссылка)
Спасибо !
Ответить С цитатой В цитатник
Zulf   обратиться по имени Суббота, 17 Января 2009 г. 20:03 (ссылка)
Слово "равнение" используют в армии) "Равнение на середину" кричит прапор)
Так зачем еще какое-то слово "выравнивание" придумывать?
Ответить С цитатой В цитатник
_LexIncorp_   обратиться по имени Суббота, 17 Января 2009 г. 20:16 (ссылка)

Ответ на комментарий Zulf

Исходное сообщение Zulf
Слово "равнение" используют в армии) "Равнение на середину" кричит прапор)
Так зачем еще какое-то слово "выравнивание" придумывать?

потому что у нас тут интернет, а не армия.
Ответить С цитатой В цитатник
Jamie_Sullivan   обратиться по имени Понедельник, 01 Июня 2009 г. 01:35 (ссылка)
не работает не фига(
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 01 Июня 2009 г. 11:56 (ссылка)
Исходное сообщение Jamie_Sullivan
не работает не фига(

Да ладно!
Всё прекрасно работает. Только - в "простом", а не "расширенном" редакторе.
Ответить С цитатой В цитатник
Jamie_Sullivan   обратиться по имени Понедельник, 01 Июня 2009 г. 13:46 (ссылка)
Rost, Оказывается, в этом и была проблема. Приношу свои извинения.
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Понедельник, 01 Июня 2009 г. 13:49 (ссылка)
Исходное сообщение Jamie_Sullivan: Rost, Оказывается, в этом и была проблема. Приношу свои извинения.

Ничего страшного. Я просто всё время забываю, что есть "расширенный" редактор. Надо везде будет написать.

LI 7.05.22
Ответить С цитатой В цитатник
РОЗА_ЗВЯГИНЦЕВА   обратиться по имени Среда, 02 Сентября 2009 г. 18:43 (ссылка)
Спасибо !
Ответить С цитатой В цитатник
Ananda_ewi   обратиться по имени Пятница, 02 Октября 2009 г. 23:15 (ссылка)
Спасибо,пригодится)))
Ответить С цитатой В цитатник
Алиса-лисичка   обратиться по имени Вторник, 13 Октября 2009 г. 23:33 (ссылка)
Ответить С цитатой В цитатник
Rost   обратиться по имени Среда, 14 Октября 2009 г. 10:42 (ссылка)
Исходное сообщение Алиса-лисичка
Спасибо!

Пожалуйста.
Ответить С цитатой В цитатник
milade   обратиться по имени Четверг, 15 Октября 2009 г. 17:25 (ссылка)
Ой,спасибо большое! Уже давно ищу это... Нашла,наконец-то!
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Четверг, 15 Октября 2009 г. 17:39 (ссылка)
Исходное сообщение milade: Ой,спасибо большое! Уже давно ищу это... Нашла,наконец-то!

Пожалуйста. С января вас ждал :)

LI 5.09.15
Ответить С цитатой В цитатник
Ират   обратиться по имени Четверг, 15 Октября 2009 г. 21:15 (ссылка)
А я и не искала.Само нашлось.Спасибо большое.
Ответить С цитатой В цитатник
Rost   обратиться по имени Четверг, 15 Октября 2009 г. 22:15 (ссылка)
Исходное сообщение Ират
А я и не искала.Само нашлось.Спасибо большое.

Большое пожалуйста!
Ответить С цитатой В цитатник
Tier_1   обратиться по имени Воскресенье, 08 Ноября 2009 г. 18:50 (ссылка)
Большое человеко-юзерское СПАСИБО!
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Воскресенье, 08 Ноября 2009 г. 22:08 (ссылка)
Исходное сообщение Tier_1: Большое человеко-юзерское СПАСИБО!

Большое программистское "пожалуйста"! ;)
Ответить С цитатой В цитатник
Monica-_Bellucci   обратиться по имени Вторник, 15 Декабря 2009 г. 21:29 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Rost   обратиться по имени Среда, 16 Декабря 2009 г. 22:19 (ссылка)
Исходное сообщение ЛАВАНДА_ГОРНАЯ
спасибо!

Пользуйтесь на здоровье!
Ответить С цитатой В цитатник
вера_власик   обратиться по имени Суббота, 23 Января 2010 г. 18:51 (ссылка)
Rost, Спасибо за нужный и полезный материал! Спасибо - с удовольствием забираю в цитатник!
Ответить С цитатой В цитатник
sakura1608   обратиться по имени Суббота, 06 Марта 2010 г. 15:16 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Yurarokot   обратиться по имени Воскресенье, 07 Марта 2010 г. 12:58 (ссылка)
Спасибо больное!
Ответить С цитатой В цитатник
Rost   обратиться по имени Воскресенье, 07 Марта 2010 г. 16:55 (ссылка)

Ответ на комментарий Yurarokot

Исходное сообщение Yurarokot
Спасибо больное!

Больное?
Ну, тогда на здоровье!
Ответить С цитатой В цитатник
Karoline_Maier   обратиться по имени Воскресенье, 07 Марта 2010 г. 22:41 (ссылка)
Огромное спасибо!
Очень хорошо объяснили,просто и понятно.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку