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



 

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

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

Открыть тему
Тема закрыта
> Проблемы с css
Loyrenc
Loyrenc
Topic Starter сообщение 6.11.2019, 20:52; Ответить: Loyrenc
Сообщение #1




<div class="gallery">
<a target="_blank">
<img src="images/55551556.jpg" alt="Cinque Terre" width="200" height="200">
</a>
<Button class="desc">Купить</button>
</div>


div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 200px;
}

div.gallery:hover {
border: 1px solid #000;
}

div.gallery img {
width: 100%;
height: auto;
}
button.desc {
left:0;
bottom:0;
right:0;
top:0;
padding: 15px;
text-align: center;
display: none;
width: 30px;
}

button:hover.desc {
padding: 15px;
text-align: center;
display: block;
}








Кнопка не появляется при наведении помогите :-;



Сообщение отредактировал BLIK - 6.11.2019, 21:30
Причина редактирования: вставил код
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BLIK
BLIK
сообщение 6.11.2019, 21:33; Ответить: BLIK
Сообщение #2


Loyrenc,По коду поставьте слово Button  с маленькой буквы вот тут

<Button class="desc">Купить</button>

И непонятно, что значит не появляется кнопка при наведении, наведении чего?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 6.11.2019, 21:42; Ответить: ShowPrint
Сообщение #3


Loyrenc, а точнее конкретизировать задачу? При наведении на что должна появляться кнопка?
Если при наведении на саму кнопку, то не будет такого - она скрыта "display:none" : нет кнопки => нет события "наведения" => нет и появления кнопки.

Ну и правило

button:hover.desc

насколько я понимаю должно писаться так:

button.desc:hover

BLIK_mw, вот и я о том же  :)
(BLIK @ 7.11.2019, 00:33) *
поставьте слово Button  с маленькой буквы
Вроде бы как-то не особо принципиально должно быть (если не ошибаюсь)...
Loyrenc, если я правильно понял задачу, то "на коленке" (быстро и "криво" - подчистите) наверное нужно что вроде этого? Тынц здесь...


Сообщение отредактировал ShowPrint - 6.11.2019, 21:35
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Artos_mw
Artos_mw
сообщение 6.11.2019, 21:42; Ответить: Artos_mw
Сообщение #4


Может потому, что правило display: block; делает элемент блоком и на видимость ни как не влияет?
Попробуйте visibility: visible и visibility: hidden;


Сообщение отредактировал Artos - 6.11.2019, 21:44
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Loyrenc
Loyrenc
Topic Starter сообщение 7.11.2019, 16:14; Ответить: Loyrenc
Сообщение #5


ShowPrint,а можете сделать кнопку по середине  
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rexxar
Rexxar
сообщение 7.11.2019, 18:25; Ответить: Rexxar
Сообщение #6


Установите бекграунд для кнопки, может выше были другие кнопки и они прозрачные. 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 7.11.2019, 18:52; Ответить: ShowPrint
Сообщение #7


Loyrenc, так? Тынц здесь...

Если нет, то один из двух вариантов:
  1. понятно для остальных описываете что вы хотите получить

  2. ищите "таблетку счастья" самостоятельно

Если вам лень подробно описать то, что вам нужно и чего вы хотите добиться, то предполагать и догадываться об этом - лично у меня нет никакого желания.
Читать мысли на расстоянии я не умею, к сожалению. Хотя скорее всего "к счастью"  :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Loyrenc
Loyrenc
Topic Starter сообщение 7.11.2019, 19:39; Ответить: Loyrenc
Сообщение #8


ShowPrint,да спасибо)) 


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3484 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3417 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1667 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1437 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 24.4.2024, 8:08
Дизайн