<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
.bg-img {
/* Используемое изображение */
background-image: url("/sites/default/files/Vestnik/%D0%A4%D0%9E%D0%9D_3%D0%94%D0%B0%D1%82%D0%B0.jpg"); min-height: 490px;
/* Центр и масштаб изображения */
background-position: center;
background-repeat: no-repeat;
background-size: contain;
/* Необходимые для позиционирования навигации */
position: relative;
}
/* Положение контейнера навигации внутри изображения */
.container {
position: center;
width: auto;
}
/* Навигационная панель */
.topnav {
overflow: visible;
background-color: #11ffee00;
}
/* Ссылки на навигационную панель */
.topnav a {
background-color: #11ffee00;
float: center;
color: #000;
text-align: center;
padding: 5px 5px;
}
.topnav a:hover {
background-color: #11ffee00;
color: black;
}
.content a img {
padding 0px;
margin-bottom: 0px;
box-shadow:0 0 0px #EEE;
background:#FFF;
border:#11ffee00 1px solid;
}
</style>
</head>
<body>
<div class="bg-img">
<div class="container">
<div class="topnav">
<p class="rtecenter"><a href="/node/760/"><img alt="1.png" src="/sites/default/files/Vestnik/1.png" style="height:120px" /> </a><a href="/node/761/"><img alt="2.png" src="/sites/default/files/Vestnik/2.png" style="height:120px" /> </a><a href="/node/762/"><img alt="3.png" src="/sites/default/files/Vestnik/3.png" style="height:120px" /></a></p>
<p class="rtecenter"><a href="/node/763/"><img alt="4.png" src="/sites/default/files/Vestnik/4.png" style="height:120px" /> </a><a href="/node/764/"><img alt="5.png" src="/sites/default/files/Vestnik/5.png" style="height:120px" /> </a><a href="/node/765/"><img alt="6.png" src="/sites/default/files/Vestnik/6.png" style="height:120px" /></a></p>
<p class="rtecenter"><a href="/node/766/"><img alt="7.png" src="/sites/default/files/Vestnik/7.png" style="height:120px" /> </a><a href="/node/56/"><img alt="8.png" src="/sites/default/files/Vestnik/8.png" style="height:120px" /> </a><a href="/node/768/"><img alt="9.png" src="/sites/default/files/Vestnik/9.png" style="height:120px" /> </a></p>
</div>
</div>
</div>
</body>
Есть вопрос?
