Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.86/29: Рейтинг темы: голосов - 29, средняя оценка - 4.86
0 / 1 / 0
Регистрация: 09.02.2014
Сообщений: 271
1

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

30.04.2014, 03:42. Просмотров 5589. Ответов 1
Метки нет (Все метки)

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

1. Элемент Фон - Картинка на весь экран.
Как здесь → http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-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
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.04.2014, 03:42
Ответы с готовыми решениями:

Как в html вставить 2-картинку на 1-картинку???
Если 1-картинка не должна быть фоновая. пожалуйста поподробней.

Уменьшить картинку в шапке сайта и картинку в начале каждой статьи
Здравствуйте. Есть сайт на Вордпрессе appleiwatch(*точка*)name. 1. Требуется скорректировать...

Подскажите как наложить картинку на картинку так что бы она была резиновая
&lt;div class=&quot;right&quot;&gt; &lt;div class=&quot;bg&quot;&gt; &lt;img...

Надо вставить картинку в текст
Здрасте! Хочу сделать так, как на скрине(чтобы рисунок со всех сторон был окружен текстом). Чтобы...

1
53 / 44 / 10
Регистрация: 10.12.2013
Сообщений: 192
Записей в блоге: 1
30.04.2014, 07:02 2
Лучший ответ Сообщение было отмечено Kiber-Net как решение

Решение

Попробуй точно также через описание класса, при необходимости используй <div>, тут есть необходимые инструкции http://htmlbook.ru/samlayout/blochna...poryadok-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], заменяется на пустой [] при публикации.

1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.04.2014, 07:02

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Не получается наложить картинку на картинку слоями
Здравствуйте не получается наложить картинку на картинку слоями вот мой случай &lt;table...

Накладывать картинку на картинку любой формы
Ищу вариант как на одну картинку накладывать другую=ссылку. Очень понравился вариант с...

Как преобразовать ссылку на картинку в саму картинку с необходимыми атрибутами?
Здравствуйте, подскажите как реализовать следующее: к примеру вставляешь ссылку на изображение в...

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.