Я застрял на небольшой детали, вот скриншот ниже. На самом деле, когда я добавил изображение, у меня есть 2 пробела на моей странице. Пробел сверху, а другой слева.
Как я мог адаптировать это? Возможно, что моя проблема - мои блоки в моем HTML-коде?
У вас есть идея удалить эти пробелы, пожалуйста?
Спасибо за вашу помощь.
header{
background-color: #535353;
width: 100%;
height: 100px;
top: -10;
left: 0;
display: block;
position: absolute;
opacity: 0.5;
}
.subtitles{
font-size:13px;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
text-align: right;
margin-top: 15px;
color: #fff;
margin-right: 80px;
margin-left: 380px;
}
.subtitles-left{
display: inline-block;
float: left;
padding-left: 33px;
}
.subtitles-right{
display: inline-block;
padding-left: 18px;
}
nav{
display: block;
position: absolute;
top: 50px;
right: 50px;
}
nav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
nav li{
display: inline-block;
font-family: sans-serif;
font-size: 13px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
nav li a{
padding: 10px 14px 10px 14px;
text-decoration: none;
color: #f2f2f2;
text-align: center;
}
nav ul li a:hover{
background-color: white;
color: black;
}
.active{
background-color: #C52E1E;
color: #f2f2f2;
}
.banner{
}
<header>
<div class="subtitles">
<div class="subtiles-left">Portofolio</div>
<div class="subtiles-left">Languages</div>
<div class="subtiles-right">Support</div>
<div class="subtiles-right">Login</div>
</div>
</header>
<nav>
<ul>
<li><a class="active"><href="index.html">Home</a></li>
<li><a href="#">Investment plan</a></li>
<li><a href="#">Commission</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
<div class="banner">
<a href='https://www.casimages.com/i/191221021729649035.jpg.html' target='_blank' title='Mon image'><img src='https://nsa40.casimages.com/img/2019/12/21/191221021729649035.jpg' border='0' alt='Mon image' /></a>
</div>
0
aurelie
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.