Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101

Текст под картинкой

05.06.2015, 23:30. Показов 3210. Ответов 15
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сайт - anichan.moy.su/load/anime_serialy/dnevnik_budushhego_mirai_nikki/2-1-0-2

Как сделать так, чтобы текст справа, сразу после картинки делал отступ налево, и чтобы текст был показан слева на право, а не по середине...
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.06.2015, 23:30
Ответы с готовыми решениями:

Текст под картинкой
Возникла такая проблема. Мне дали набор html страничек (вообщем сайт). И сказали чтобы я выложил его на каком-нибудь хостинге. С выбором...

Текст под картинкой
Всем привет!! Ходил по поиску но к сожалению не нашел решения. Мне нужно чтоб под картинкой по средине был текст.Но фишка в том что я...

Как разместить текст под картинкой?
как разместить текст под картинкой что бы бы не уходил припустим вот так (картинка) ну и так дальше только в этих рамках

15
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
05.06.2015, 23:42
Достаточно будет убрать из блока с классом .entry_message свойство text-align: justify;
Или же вместо justify напиши left, результат такой же будет.
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
05.06.2015, 23:50  [ТС]
Aialonix, Не работает, пробовал убрать или просто изменить...
Ничего не меняет
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 00:03
Мы же про этот текст говорим? http://imhocloud.com/images/20... 6f6367.png
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 00:11  [ТС]
Aialonix, Да
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 00:16
файл my.css, строка №100 имеет свойство text-align: justify;

CSS
1
.entry_message {color:#666666;margin:0 0 0 11px;float:left;width:420px;text-align:justify;overflow:hidden;min-height:75px;}
Если ты переопределяешь где то это свойство в своих файлах, то пиши text-align:left !important;
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 00:24  [ТС]
Aialonix, Aialonix, Менял всеми способами, ничего не получается...
"right" и "center" работают, а "left" нет
Вообще изначально все было так как я хочу, текст шел потом после картинки, но я поменял размер картинки материала, и теперь вот такая проблема...

Добавлено через 52 секунды
Aialonix, А если поменять обратно, то он не очень будет подходить под тематику...
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 00:32
Ну я не знаю, где ты там меняешь код, но свойство justify как было, так и висит http://imhocloud.com/images/20... 95af54.png

Попробуй очистить кеш браузера после изменений, может тебе просто показывается старая версия CSS файла из кеша
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 00:39  [ТС]
Aialonix, Хм...
http://imhocloud.com/image/5sam
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 00:45
Ну вот, перезагрузил твой сайт и все четко по левому краю стоит
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 00:51  [ТС]
Aialonix, Cтранно, у меня все так же, с 2-х браузеров зашел даже...
На одном кеш даже чистил
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 01:02
Слева Firefox, справа Chrome. C хрома я впервые зашел на твой сайт и все четко. Не знаю, что за глюки у тебя..
http://imhocloud.com/images/20... r3ca7c.png
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 01:06  [ТС]
Aialonix, У меня так же, ты наверное не понял..)
Текст который идет около картинки, должен переходить после картинки сразу налево, т.е не идти просто по серединке
http://imhocloud.com/image/5saK
0
22 / 22 / 3
Регистрация: 24.06.2013
Сообщений: 177
06.06.2015, 01:15
Тю, а стоит ли так делать? Пускай там и будет пустое пространство, но текст лучше не кривить. Однозначно так лучше смотрится, даже если и много текста будет
0
 Аватар для _Sheriff_
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 101
06.06.2015, 01:23  [ТС]
Aialonix, Да даже если так
Если я добавлю видео, а я к каждому посту его добавлять собираюсь
Вот какая фишка...
Он уходи за границы (плеер)
А если сделать его меньше, то не очень получиться
http://imhocloud.com/image/5sp7
0
 Аватар для artisimone
0 / 0 / 1
Регистрация: 05.02.2015
Сообщений: 22
06.06.2015, 16:48
Можно и нужно текст ставить так как он есть - полностью поддерживаю Aialonix.
А видео на всю ширину блока можно сделать если слегка вложенность html разметки изменить и потом css подправить.
Вот вам скрин:
В зеленом квадрате справа видно, что div с видео теперь вложен в class="entry", и список со всем что должно быть под видео тоже в class="entry". Только стили подкорректировать в соответствии с новой разметкой там паддинги для видео и список под видео поправить а то на новом месте маркеры не там и кнопка.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
06.06.2015, 16:48
Помогаю со студенческими работами здесь

Текст под картинкой - HTML, CSS
У меня есть картинка, как сделать так чтобы при наведении на нее снизу появлялся текст (подпись) и не сразу исчезал

Как сделать текст строго под маленькой картинкой?
как сделать текст строго под маленькой картинкой (допустим элемент меню с картинкой?

Как выровнять текст меню по центру под картинкой?
всем здрасти, не судите строго я еще новичек в этом нелегком деле) короче проблема вот в чем, сделал меню, в виде картинок, под картинкой...

Подпись под картинкой
Здравствуйте. Начал оформлять свои заметки на сайте на платформе ucoz и столкнулся с проблемой, что мне нужно сделать подпись к...

Текст с картинкой в рамке
Скажите как сделать так, как на этом изображении. Дело в том, чтоб именно вот так текст был расположен относительно картинки, у меня...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru