HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку

@Kiber-Net · Регистрация: 09.02.2014

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

Вот схема моего сайта.
У меня пока что на этой странице есть:

1. Элемент Фон - Картинка на весь экран.
Как здесь → http://htmlbook.ru/faq/kak-ras... irinu-okna

2. Элемент (Картинка на картинке) Логотип сайта.
Растянут по горизонтали, сверху.
<div><img src="Content/Images/Logo_name333.jpg" width="100%"></div>

Мне нужно следующее:

Разместить
3. Элемент картинка на фоне, ниже логотипа. То есть опять картинка на картинке, но ниже логотипа.

4. Элементы надо разместить в 3 элементе картинкой что ниже лого.
Причём ни одну картинку, а целых 8. С виду так же должно выглядеть как и на схеме.

После в эти плоские прямоугольные картинки вставить ссылку, как показано на 2 прямоугольнике со словом WORDS. То есть должен быть такой же прямоугольник и на нём должно быть написано слово ну и как в примере слово то есть ссылка должна быть подчёркнута и вести на другую страницу.

Добавлено через 40 секунд

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

Добавлено через 1 минуту
[]http://s020.***********/i716/1404/8c/254516feacb3.jpg[/]

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

@Z_e_e_k_ · 30.04.2014, 07:02

Попробуй точно также через описание класса, при необходимости используй <div>, тут есть необходимые инструкции http://htmlbook.ru/samlayout/b... adok-sloev - наложение и порядок слоёв - http://htmlbook.ru/css/z-index и тут посмотри. Пример:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
<style type="text/css">
   .card IMG { position: relative; }
   .three { left: Xpx; top: Ypx; z-index: 2; }
   .seven { left: -120px; top: 25px; z-index: 1;}
</style>
</head>
 <body>
  <p class="card">
   <img src="images/3.png" class="three" />
   <img src="images/7.png" class="seven" />
   </p>
 </body>

Не по теме:

P.S. Твои картинки не открываются, наверно набрано недостаточно сообщений, я тоже пока не могу картинку добавить, тег [img], заменяется на пустой [] при публикации.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера 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. Пошагово создадим проект для загрузки изображения. . .

@Kiber-Net 0 / 1 / 0 Регистрация: 09.02.2014 Сообщений: 270

	HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку 30.04.2014, 03:42. Показов 11330. Ответов 1 Метки нет (Все метки) Вот схема моего сайта. У меня пока что на этой странице есть: 1. Элемент Фон - Картинка на весь экран. Как здесь → http://htmlbook.ru/faq/kak-ras... irinu-okna 2. Элемент (Картинка на картинке) Логотип сайта. Растянут по горизонтали, сверху. <div><img src="Content/Images/Logo_name333.jpg" width="100%"></div> Мне нужно следующее: Разместить 3. Элемент картинка на фоне, ниже логотипа. То есть опять картинка на картинке, но ниже логотипа. 4. Элементы надо разместить в 3 элементе картинкой что ниже лого. Причём ни одну картинку, а целых 8. С виду так же должно выглядеть как и на схеме. После в эти плоские прямоугольные картинки вставить ссылку, как показано на 2 прямоугольнике со словом WORDS. То есть должен быть такой же прямоугольник и на нём должно быть написано слово ну и как в примере слово то есть ссылка должна быть подчёркнута и вести на другую страницу. Добавлено через 40 секунд Добавлено через 1 минуту Добавлено через 1 минуту []http://s020.**********/i716/1404/8c/254516feacb3.jpg[/] Добавлено через 1 минуту* 0

HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку

Решение