Отображение картинок при наведении

Статус
Закрыто для дальнейших ответов.

fack3637363s

Новичок
Регистрация
25.08.2016
Сообщения
2
Дело в том, что при наведении на картинку, должна появляться тень справа от неё (и слева от левой картинки)
При наведении на черную картинку (2 скриншот), всё работает как надо, но при наведении на правую (3 скриншот), тень появляется так же от правой.
Скорее всего это потому что применил стиль padding к правой картинке, и поэтому тень начинается от конца черной картинки (т.е где должна находиться изначально светлая, без стиля padding)

Как мне сделать, чтобы всё было как задумано?

Так же есть еще картинка стена, между ними, но когда её вставляешь, она ставится не вплотную к черной, а через промежуток примерно 5 пикселей, и из-за этого светлая картинка переносится вниз..


HTML:
Код:
<html>
<head>
<title>CSGOREBORN INTRO</title>
<meta charset=UTF-8"/>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>

<body>
<a href="/"><img class="shine" src="ct.jpg"></a>

<a href="/"><img class="shine" style="padding: 0 0 0 57px" src="terr.jpg"></a>
</body>
</html>

CSS:
Код:
body {
  font-family: Arial, Sans-Serif; /* Тип шрифта */
  font-size: 11px; /* Размер текста в пикселях */
}

.shine:hover {
  box-shadow: 0 0 15px #00aaff;
  transition: box-shadow 0.5s;
}







В общем с вопросом тени разобрался, нужно было правую картинку отображать по правому краю и всё. теперь проблема, когда добавляю стену между двумя картинками

Во первых стена добавляется через несколько пикселей от левой картинки, а правая так вообще переносится вниз



Получается нужно сделать как-то, чтобы стена была позади обеих картинок (чтобы тень от картинок появлялась поверх стены)
Это нужно для того, чтобы создавалось ощущение выбора
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Ну так используй margin вместо padding
 
Статус
Закрыто для дальнейших ответов.
Верх Низ