Текст поверх изображения

@Teratore · Регистрация: 10.12.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток. Есть примерно следующая ситуация:
Есть два изображения. Одно идет на фон - с этим проблем нету.
Второе изображение - идет слевой стороны страницы. С этим проблем - так же нету.
И вот дальше идет текст.. (заголовок 1-го уровня) (хотя никто не мешает сделать простым текстом, но не суть)

Что необходимо:
1. Поставить фон - сделано
2. Разместить изображение на левой стороне страницы - сделано
3. Написать текст (здесь есть одно но, текст должен идти с середины и перекрывать часть изображения которое мы разместили ранее).

Использование <div> с параметром position - запрещено(вроде как, ибо в учебном пособии данных тегов я не видел) . (т.к в школе их просто не проходят судя по всему.)
CSS - так же не выход (в школе тоже не проходят)

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

За ранее благодарен.

@vitsuk · 14.12.2015, 20:48

Teratore, Фотошоп тебе в помощь тогда

@Teratore · 14.12.2015, 21:20 **[ТС]**

Сообщение от vitsuk

Фотошоп тебе в помощь тогда

На школьном компьютере в paint быстрее будет

Т.е других вариантов нету??
Тогда еще такой вопрос.

Есть таблица состоящая из двух двух строк.
В одной строке - 3 ячейки.
1ячейка - изображение(на левой стороне, здесь все ок)
2 - Текст, который должен посередине, но находясь над второй строке, получается не по середине.
Как исправить?

Во второй строке - 4 ячейки.

@vitsuk · 14.12.2015, 21:37

Teratore, Покажи пример!! А как ты сделал фон мне интересно если не используешь сss?

@Teratore · 14.12.2015, 22:52 **[ТС]**

Сообщение от vitsuk

А как ты сделал фон мне интересно если не используешь сss?

<body background="

Сообщение от vitsuk

Покажи пример!!

Ниту

Ну попробуй ясней объяснить
Есть таблица состоящая из двух строк.
В одной строке - 3 ячейки.
В другой - 4
Так вот, в средней ячейке есть текст, коорый должен находится над другой строкой (ровно посередине)

Для наглядности, что-то подобное:

Т.е это таблица.
Первая строка:
1(ячейка) - изображение слева
2(ячейка) - текст, который находится посередине ячейки + еще ровно посередине над следующей строкой
Не знаю как по другому объяснить..

@vitsuk · 14.12.2015, 23:03

Teratore, Так чтоб опустить текст на средину ячейки возьми там <br/> и в html поставь text-align: center;

@Teratore · 14.12.2015, 23:20 **[ТС]**

Вот код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html text-align="center"> 
<head> 
<title>ЫЫ </title> 
<body>
<table width=100%>
<tr> 
<td align="left"><img src="paint.gif">> </td> 
<td align="center"> <h1> ГАЛЕРЕЯ УЧЕНЫХ<h1></td>
<td align="right"><img src="search2.gif">> </td> 
</tr>
<tr align="center">
<td ><img src="***koper.jpg">> </td> 
<td ><img src="/koper.jpg">> </td> 
<td ><img src="koper.jpg">> </td> 
<td "><img src="koper.jpg">> </td> 
</tr>
<tr align="center">
<td align="center">Коперник</td> 
<td>Коперник</td> 
<td>Коперник</td> 
<td>Коперник</td> 
 
<head> 
 
</html>

Даже во второй строке, две последних фотографии как-то не правильно стоят..

@vitsuk · 14.12.2015, 23:26

Teratore, то как тебе поставить их?

@Teratore · 14.12.2015, 23:30 **[ТС]**

Нужно чтобы два последние коперника были как два первые. Т.е ну по строке они должны быть распределены равномерно между собой.

Плюс нужно верхнюю строку растянуть до конца страницы. Т.е чтобы

Сообщение от Teratore

находился в самом углу.
А текст по самой середине.

@vitsuk · 15.12.2015, 00:02

Teratore, так задай стили в html и все!!!

Добавлено через 1 минуту

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html> 
<head> 
<title>ЫЫ </title> 
<body>
    <table width=100%>
<tr> 
    <td style="margin-left:200px;"></td> 
    <td align="left"><img src="paint.gif"></td> 
    <td> <h1> ГАЛЕРЕЯ УЧЕНЫХ<h1></td>
    <td style="margin-left:-200px;"><img src="search2.gif"></td> 
</tr>
<tr>
<tr align="center">
<td ><img src="***koper.jpg"></td> 
<td ><img src="/koper.jpg"></td> 
<td ><img src="koper.jpg"></td> 
<td><img src="koper.jpg"></td> 
</tr>
<tr>
<tr align="center">
<td align="center">Коперник</td> 
<td>Коперник</td> 
<td>Коперник</td> 
<td>Коперник</td>
</tr>
</table>
</body>
</html>

@Teratore · 15.12.2015, 00:03 **[ТС]**

Нельзя.

Спасибо конечно.
Но мне б самыми обычными методами..
Не проходят стили в школе.. Вот в чем беда. Только через html теги нужно..

@vitsuk · 15.12.2015, 00:15

Teratore, style="margin-left:200px;" ЭТО НЕ ПОДХОДИТ?

@Teratore · 15.12.2015, 18:49 **[ТС]**

Даже если и подходит, и даже если я знаю эти теги, мне не засчитают задание ибо подразумевается что данных тегов я не знаю.

Добавлено через 9 часов 29 минут
Актуально..

@Glart · 15.12.2015, 18:52

Если их 4ре, то у контейнера:

CSS
1
width:25%;

А картинку внутри контейнера выставляем по средине.

@Teratore · 15.12.2015, 19:00 **[ТС]**

HTML5
1
2
3
4
5
<tr  width=100% align="center">
<td width=25%><img src="koper.jpg">> </td> 
<td width=25%><img src="koper.jpg">> </td> 
<td width=25%"><img src="/koper.jpg">> </td> 
<td width=25%"><img src="koper.jpg">> </td>

Сообщение от Glart

А картинку внутри контейнера выставляем по средине.

Спасибо. Так и сделал. Со второй строкой разобрались..

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

@Teratore · 15.12.2015, 19:01 **[ТС]**

HTML5
1
2
3
4
5
<table width=100%>
<tr width> 
<td align="left"><img src="paint.gif">> </td> 
<td width= align="center"> <h1> ГАЛЕРЕЯ УЧЕНЫХ<h1></td>
<td align="right"><img src="search2.gif">> </td>

Пытался ставить 33.33%. Но получается бред и съезжает нижняя строка тоже.. Из-за того что в верхней строке - 3 ячейки. А во второй 4..

@vitsuk · 15.12.2015, 19:15

Teratore размеры делай чтоб было все ровно)) сделай тоже 4 ячейки и объедени их colspan="3" http://htmlbook.ru/samhtml/tab... ie-yacheek

@Teratore · 15.12.2015, 19:55 **[ТС]**

Спасибо!
Получилось

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Текст поверх изображения

Решение

Решение

Решение

@Teratore 2 / 2 / 2 Регистрация: 10.12.2015 Сообщений: 131

	Текст поверх изображения 14.12.2015, 20:22. Показов 3963. Ответов 17 Метки нет (Все метки) Доброго времени суток. Есть примерно следующая ситуация: Есть два изображения. Одно идет на фон - с этим проблем нету. Второе изображение - идет слевой стороны страницы. С этим проблем - так же нету. И вот дальше идет текст.. (заголовок 1-го уровня) (хотя никто не мешает сделать простым текстом, но не суть) Что необходимо: 1. Поставить фон - сделано 2. Разместить изображение на левой стороне страницы - сделано 3. Написать текст (здесь есть одно но, текст должен идти с середины и перекрывать часть изображения которое мы разместили ранее). Использование <div> с параметром position - запрещено(вроде как, ибо в учебном пособии данных тегов я не видел) . (т.к в школе их просто не проходят судя по всему.) CSS - так же не выход (в школе тоже не проходят) Какие есть выходы?? Единственное что приходит в голову, так это поверх фона накатить сбоку изображение, но это займет время.. За ранее благодарен. 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	14.12.2015, 20:48
	Teratore, Фотошоп тебе в помощь тогда 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	14.12.2015, 21:37
	Teratore, Покажи пример!! А как ты сделал фон мне интересно если не используешь сss? 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	14.12.2015, 23:03
	Teratore, Так чтоб опустить текст на средину ячейки возьми там <br/> и в html поставь text-align: center; 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	14.12.2015, 23:26
	Teratore, то как тебе поставить их? 1

@Teratore 2 / 2 / 2 Регистрация: 10.12.2015 Сообщений: 131
	15.12.2015, 00:03 [ТС]
	Нельзя. Спасибо конечно. Но мне б самыми обычными методами.. Не проходят стили в школе.. Вот в чем беда. Только через html теги нужно.. 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	15.12.2015, 00:15
	Teratore, style="margin-left:200px;" ЭТО НЕ ПОДХОДИТ? 0

@Teratore 2 / 2 / 2 Регистрация: 10.12.2015 Сообщений: 131
	15.12.2015, 18:49 [ТС]
	Даже если и подходит, и даже если я знаю эти теги, мне не засчитают задание ибо подразумевается что данных тегов я не знаю. Добавлено через 9 часов 29 минут Актуально.. 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	15.12.2015, 19:15
	Сообщение было отмечено Teratore как решение Решение Teratore размеры делай чтоб было все ровно)) сделай тоже 4 ячейки и объедени их colspan="3" http://htmlbook.ru/samhtml/tab... ie-yacheek 1

@Teratore 2 / 2 / 2 Регистрация: 10.12.2015 Сообщений: 131
	15.12.2015, 19:55 [ТС]
	Спасибо! Получилось 1