С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.52/23: Рейтинг темы: голосов - 23, средняя оценка - 4.52
0 / 0 / 0
Регистрация: 30.09.2012
Сообщений: 25

CSS див с текстом поверх другого дива картинки

21.11.2012, 15:44. Показов 4938. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Возник вопрос. У меня есть див картинка (контент страницы). Я сделал так, то поверх этой картинки лежит текст. Но когда я пишу там текст, то если не нажимать enter каждый раз когда текст доходит до конца страницы, то он просто будет идти дальше выходя за рамки контента.
вот скрин и часть кода css. Заранее спасибо за помощь
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#content2{
    position: relative;
    top: 165px;
    left: 235px;
    width: 80%;
}
 
#content2_text{
    z-index: 2;
    position: absolute;
    text-align: right;
    top: 2px;
    right: 1000px;
    left: 60px;
}
 
h1{
    position: absolute;
    width: 100%;
    top: 4px;   
}
Миниатюры
CSS див с текстом поверх другого дива картинки  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.11.2012, 15:44
Ответы с готовыми решениями:

Див должен выходить за позиции другого дива
Здравствуйте! Никак не могу понять в чем дело. Нужно, сделать скролинг дивов. Весь ксс код и JS есть. Скролинг работает. Нужно, чтобы...

Отправить див в самый низ родительского элемента(другого дива)
Собсно. Есть у меня два дива - один в одном. И мне нужно, чтобы тот который внутри, был в самом низу, (родительского) дива. Как бы мне это...

Необходимо сделать резиновость одного дива в зависимости от другого, Как это реализовать на html и css
Добрый день, уважаемые форумчане! Подскажите, пожалуйста, как сделать верстку в html и css, чтобы один ДИВ тянулся за другим. Вот...

3
3 / 3 / 0
Регистрация: 05.04.2011
Сообщений: 25
21.11.2012, 23:10
ты имеешь ввиду тег <br /> или же просто когда пишешь код нажимаешь энтер?
0
0 / 0 / 0
Регистрация: 30.09.2012
Сообщений: 25
22.11.2012, 01:19  [ТС]
да, </br> и имею ввиду
0
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
22.11.2012, 01:49
Неправильная вёрстка. Все блоки абсолютно или относительно позиционированы, а затем расставлены по документу. Позиционирование вырывает элемент из общей структуры документа и без необходимости это не делается. Верстать нужно цельный документ, а у Вас набор блоков. Так верстать неправильно.
Возможно что такое "безобразие" только с тем css, что Вы показали, а все остальные блоки в порядке, тогда давайте весь код и html, и css.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.11.2012, 01:49
Помогаю со студенческими работами здесь

Наложение одной картинки поверх другой-CSS
Помогите, пожалуйста, как здесь картинку 2.png наложить поверх $images: &lt;a href=&quot;#&quot; class=&quot;bnb&quot;&gt;&lt;img src=&quot;&lt;?=...

Выравнивание картинки по центру, с обертыванием текстом -HTML, CSS
Всем привет! Я недавно начал изучать верстку, и столкнулся с такой проблемой. Задача: нужно выравнять по центру 4 картинки, так чтобы у...

Прижать див к низу родительского дива
Внизу страницы имеется якорь &quot;наверх страницы&quot;, он положен в отдельный див. Слева страницы расположена колонка с картинками. При изменении...

Растянуть див по вертикали на 100% относительно родительского дива
Здравствуйте. Есть следующая проблема: Имеем блок А, растянутый минимально на 100% по вертикали относительно тела документа. Внутри этого...

Как по клику на див загнать в переменную названия дива
Не пойму, почему слайдер работает не так как надо((( У меня задача состоит в следующем: 1)Есть 4 дива 2)в первом диве выводится...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru