Автор Najmubadr задал вопрос в разделе Другие языки и технологии
Как в css выровнять блоки чтобы при наведении остальные элементы не сдвигались и получил лучший ответ
Ответ от Александр[гуру]
Вам нужно, что то из такого варианта ссылка (главное принцип верстки)
Александр
Мыслитель
(9026)
Создаете div-блок с position: relative; с картинкой и данными которые видны всегда. В него добавляете div-блок, который будет виден только при наведении, но с position: absolute; с координатами padding, left, right, top.. И так без наведения у него будет display: none;(тесть не видно), а при наведении display: block;
Ответ от George Eliseeff[гуру]
На картинках ни шиша не видно.
Попробую угадать:
ссылка
На картинках ни шиша не видно.
Попробую угадать:
ссылка
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Как в css выровнять блоки чтобы при наведении остальные элементы не сдвигались
Плавная смена картинки hover CSS
C картинкой-фоном так не получится. transition оперирует с изменением числа. (размер, цвет и тд)
подробнее...
Плавное появление блока DIV при загрузке страницы средствами ТОЛЬКО CSS
< style >
div {
width: 100px;
height: 100px;
background-color: red;
подробнее...
Картинка поверх Картинки CSS
Тут важно понимать где расположена первая картинка и в каком блоке появляется вторая. У вас должно
подробнее...
Вопрос по css верстке сайта. Как найти файл отвечающий за тот или иной элемент сайта?
HTML-редактор установи, Adobe Dreamveawer например, он тебе покажет за что отвечает тот или иной
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
Как при наведении на один элемент (hover) менять стили другого элемента css?
если навел на блок, то в этом блоке можно.
.block:hover h2{color: #f00} - для заголовков h2
подробнее...
спросили в Интернет
CSS, список, активный элемент при наведении
Если я правильно понял вопрос.
CSS:
.links:hover li {
opacity: 0.7;
}
подробнее...
CSS, список, активный элемент при наведении
Если я правильно понял вопрос.
CSS:
.links:hover li {
opacity: 0.7;
}
подробнее...