Здравствуйте. Только начал изучать HTML и столкнулся с проблемой, прописал код для будущего баннера в нотпаде и при просмотре готового файла через браузер все окей.
Но, когда пытаюсь добавить его на сайт, то получается следующее:
Помогите пожалуйста разобраться в чем проблема. Вот сам код:
<div class="baner" style="width:100%;">
<div class="banerleft" style="width:50%;float: right;">
<a href="sample.html"><img src="/img/baner1.jpg" width="100%" alt=""></a>
</div>
<div class="baneright" style="width:50%;background: #000;float: left;">
<a href="sample.html"><img src="/img/baner.jpg" width="100%" alt=""></a>
<img style="opacity: 0.7;">
<a href="#" style="position: absolute;
top: 50%;
z-index: 10;
left: 17%;
text-align: center;
color: #fff;
font-size: 46px;
font-family: arial;
text-decoration: none;
border: 3px solid #fff;
padding: 14px;">SAUCONY<br>@JAZZ 4000</a>
</div>