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

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

30.04.2014, 03:42. Просмотров 5121. Ответов 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)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.04.2014, 03:42
Ответы с готовыми решениями:

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

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

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

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

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

1
Z_e_e_k_
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
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.04.2014, 07:02

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

Спрятать картинку под картинку
Привет всем, на картинку башку надо под фон спрятать , что дописать поправить можно? ...

Как вставить картинку при помомщи css и html
Ребят, подскажите, пожалуйста, как вставить картинку при помощи css, а потом её вынести при помощи...

Как добавить "картинку на картинку" при наведении?
Нужно сделать так как на этом сайте - http://www.break.com/ - не удаляйте ссылку не раклама При...


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

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

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