By
Mix9
есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1
.content{
width: 90%;
background-color: #333;
}
.video{
margin: 0px 4px 0px 4px;
width: 310;
display: flex;
flex-direction:column;
}
.video_button_text{
margin-top: 10px;
display: flex;
flex-direction: row;
font-size: 20px;
color: white;
}
.video_text_div{
display: inline-block;
width: 250px;
}
.video_text{
text-align: justify-all;
margin: 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.slidan_videos{
margin: 0px 10px 0px 20px;
overflow: auto;
width: auto;
margin-bottom: 50px;
display: flex;
flex-direction: row;
justify-content: space-around;
}
<div class="content">
<div class = slidan_videos>
<div class = video>
<div>
<a href = 'ссылка'><img class="img" src=""картинка"></a>
</div>
<div class = video_button_text>
<div class = avatarka_div>
<a href="ссылка" target="_blank"><img class = avatarka src="картинка"></a>
</div>
<div class = video_text_div>
<p class = video_text><a href="ссылка">текст</a></p>
</div>
</div>
</div>
Question
Invert
Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox.
У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано.
Вот ссылка на шаблон сайта:
http://ru.wix.com/website-template/view/html/1642?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2 Ftemplates%2Fhtml%2Fall%2F2&bookName=&galleryDocIn dex=7&category=all
Вкладка "О нас", внизу есть фото команды, они при наведении на них мышкой заливаются желтым, а блок с текстом нет, у меня это работает, но не работает ссылка в картинке на галерею как в оригинальном шаблоне.
Вот код HTML:
Код CSS:
Помогите пожалуйста разобраться с проблемой, а то я две недели над этим сидеть буду если не больше наверное, я уже в тупике, не знаю что дальше делать, или переписывать этот код и как-то изменять его частично.
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.