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



 

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

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

Открыть тему
Добавить ответ в эту тему
> Проблема с hover
Invert_hb
Invert_hb
Topic Starter сообщение 23.12.2016, 21:18; Ответить: Invert_hb
Сообщение #1


Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox.
У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано.
Вот ссылка на шаблон сайта:
http://ru.wix.com/website-template/view/ht...mp;category=all

Вкладка "О нас", внизу есть фото команды, они при наведении на них мышкой заливаются желтым, а блок с текстом нет, у меня это работает, но не работает ссылка в картинке на галерею как в оригинальном шаблоне.

Вот код HTML:
<tr>
<td id ="td1">
<div id="line1block7">
<div class="im"> <a class="gallery" rel="group" href="images/com_1big.jpg" width="240px" height="198px"> <img src="images/com_1.jpg" width="240px" height="198px"> </a></div>
<span class="emp1">Юлия Соколова</span><span class="empinfo1"><p class="text1">Руководитель студии<br><br>Это текст. Кликните дважды, чтобы отредактировать его. Расскажите посетителям сайта о себе, своих услугах и преимуществах.</p></span>
</td>
</div>


Вот код CSS:
[CSS].im{
width: 240px;
height: 198px;
margin-bottom: 5px;
border: none;
position: relative;
}
.im:hover{
transition:all .5s;
background: yellow;
content: " ";
opacity: 0;
position: absolute;
top:0; bottom: 0; left: 0; right: 0;
}
div:hover .im:after{
opacity: .6;
}
.emp1, .empinfo1{
padding-left: 10px;
}
.emp1{
font-family: play, sans-serif;
margin-top: 5px;
padding-top: 15px;
background-color: #CFCFCF;
display: block;
position: absolute;
width: 230.2px;
height: 29px;
color: #FFFFFF;
font-size: 19px;
}[/CSS]
Помогите пожалуйста решить проблему, а то я так ещё недели две или три буду сидеть над ней, я просто уже в тупике, или переписывать половину кода, или как-то исправлять этот...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2314 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1335 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1403 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4712 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2680 30.11.2017, 14:06
автор: okseo


 



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