X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Наложение картинки на картинку?
Bulls_mw
Bulls_mw
Topic Starter сообщение 6.11.2016, 18:28; Ответить: Bulls_mw
Сообщение #1


Доброго времени суток, скажите пожалуйста что в этом коде не так?

<html>
<head>
<title>#</title>
<body bgcolor="#0998b8"></body>
<!-- 2-ая картинка -->
<center>
<style>
.izo1 {border: 3px solid #009933 ; /*цвет и толщина рамки*/
background: url(/png/2.png)no-repeat;
width: 512px; /*ширина блока*/
height: 300px; /*высота блока*/}
</style>
<div>
<br />
<div class="izo1">
<div style="margin: 100px -160px;">
<!-- ссылка -->
<a href="#"><img border="0" src="/png/1.png" /></a></div></div>
<!-- 3-яя картинка -->
<style>
.izo1 {border: 3px solid #009933 ; /*цвет и толщина рамки*/
background: url(/png/3.png)no-repeat;
width: 512px; /*ширина блока*/
height: 300px; /*высота блока*/}
</style>
<br />
<div class="izo1">
<div style="margin: 100px -160px;">
<!-- ссылка -->
<a href="#"><img border="0" src="/png/1.png " /></a></div></div>

Дело всё в том что я ожидал от кода совсем другого. Хотелось что бы в каждой рамке стояли разные картинки. Но у меня во всех окнах картинка 3. Т.м последняя. Новичек, не судите строго...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 7.11.2016, 16:22; Ответить: ShowPrint
Сообщение #2


Bulls_mw, во-первых код достаточно "кривой", с кучей проблемных мест, но вопрос не об этом.

По существу: вы прописываете разные картинки в качестве background к одному и тому же классу izo1. При этом каждое новое объявление стилей для этого класса - отменяет предыдущее, и присваивает новую картинку в качестве бэкграунда.
Именно поэтому в качестве картинки используется последнее значение (3.png)
Каждое изменение свойства background для стилевого класса работает не только для новых блоков с этим классом, но и изменяет фон блоков выведенных ранее, до изменения этих свойств.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bulls_mw
Bulls_mw
Topic Starter сообщение 7.11.2016, 17:00; Ответить: Bulls_mw
Сообщение #3


ShowPrint,Спасибо вам большое)) Просто  в 3 ей картинке поставил .izo2 и всё наладилось.Картинка 2 в окне 1 а картинка 3 в окне 2. Картинка один, та которая накладывается поверх картинки 2 и 3.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 7.11.2016, 17:10; Ответить: ShowPrint
Сообщение #4


Bulls_mw, можно и так


( @ 6.11.2016, 21:28) *
я ожидал от кода совсем другого

А я вообще не пойму как этот код вообще может работать с такой кривизной :blink:

  • <head> - не закрыт;

  • <body> - напротив закрыт сразу после открытия, т.е. всё формирование страницы идёт "вне тела" страницы.

:huh:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TimurR
TimurR
сообщение 19.11.2016, 12:10; Ответить: TimurR
Сообщение #5


После просмотра кода, захотелось помыть глаза уксусом :). Тер center в HTML5 не используется, хотя и объявлена именно пятая версия. Стили в теле страницы писать тоже неправильно. Стоит вынести их  отдельный файл style.css и подключить. И для начала неплохо бы ознакомиться с DOM. И подтянуть знания HTML5 и CSS3. А потом писать код :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27095 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2630 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Нужно добавить картинки на сайт
И видео
2 Ksardas777 4078 17.11.2018, 10:41
автор: Intuit89
Открытая тема (нет новых ответов) Нужно сделать чудесную картинку с айфоном v2.
1 FishBone 3200 21.11.2017, 16:50
автор: creespella
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНадо поменять картинки кнопки и всё прочее.
Сделать круто, чтобы не стыдно за сайт
0 atavisma 2975 6.4.2017, 19:04
автор: atavisma


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:06
Дизайн