Верстка, что бы картинка не закрывала рамку
Страницы: 1
Верстка, что бы картинка не закрывала рамку
Как сделать что бы картинка не закрывала рамку?



https://codepen.io/serg-style/pen/mKdLay

Комплексное SEO продвижение в поисковых системах Яндекс, Google

https://codepen.io/anon/pen/ZRYzvm
Предлагаю Услуги по веб-разработке/программированию
HTML(HTML5), CSS(CSS3), JavaScript(jQuery, AJAX), PHP, MySQL
========================================
http://www.cy-pr.com/forum/f58/t37537/
http://www.cy-pr.com/forum/f50/t35619/
Цитата
Timphenix Developer пишет:
https://codepen.io/anon/pen/ZRYzvm
Не совсем то, картинка по дизайну выходит за рамку и не должна обрезаться.
verstka.png (456.05 КБ) [ Скачать ]
.author-photo выносите за пределы .comment-item-wrap, к каждому добавляете position:relative и z-index. У .author-photo z-index должен быть больше.
Проблема в: <div class="author-photo">убери из стиля .author-photo атрибут - position: relative, просто удали его

было:




.author-photo {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 137px;
    height: 100px;
    left: -20px;
    top: -60px;
    background: #222;
}




Стало:


.author-photo {
    display: inline-block;
    z-index: 1;
    width: 137px;
    height: 100px;
    left: -20px;
    top: -60px;
    background: #222;
}
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:50 Продажа группы в ВК 
10:32 Adsense личный опыт 
10:12 24 июля 2019 Текстовый апдейт: выложен индекс по 20 июля 2019 
10:08 Постинг контента сайта в соц сети 
19:34 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:37 Рекламная сеть яндекса личный опыт 
15:09 Adtrafico - Правильная партнёрская сеть под бурж трафик 
08:16 Дешевые просмотры YouTube с гарантией, лайки, подписчики Instagram, ВК, Facebook, ОK, Twitter - SmmPanele.Ru 
02:03 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
01:28 Восстанавливаю Целиком и Полностью сайты из Вебархива (Webarchive) 
17:13 Продам 2 канала Яндекс Дзен 
16:59 Создание сайтов и верстка 
16:58 Написание информационных статей и новостей для сайтов 
16:56 Качественный рерайт по низким ценам 
11:39 Правообладатели кинопоиск 
11:33 Гарант сделок 
09:57 Как задать размеры у файла iframe? 
00:04 Тема для "стесняшек" 
15:52 Помогите выиграть в конкурсе! 
07:15 Название для интернет магазина разных товаров 
21:02 Как вам живётся без меня (Web Guru) - ? Что нового в мире Seo-Шмео - ?