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

<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], заменяется на пустой [] при публикации.

@Kiber-Net 0 / 1 / 0 Регистрация: 09.02.2014 Сообщений: 270
		1
	HTML - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку 30.04.2014, 03:42. Показов 10311. Ответов 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 - Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку

Решение