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



https://codepen.io/serg-style/pen/mKdLay
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)
Новые темыОбъявленияСвободное общение
14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
01:48 Стоит ли добавлять сайт в Rambler топ 100? 
19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
09:02 Как продвигать сайт с неуникальным контентом 
08:57 Absence в Армении 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
12:20 ABCproxy—Премиум жилой прокси, 190+ локаторов, Неограниченная пропускная способность, $0.77/GB, Trial Scraper api 
11:24 Продам копию сайта. 
09:48 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
04:08 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
21:42 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 
15:52 AllCharge.online. Современный, быстрый и надёжный обменник 
15:32 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
11:31 Ну что, кто куда деваете свои сайты? 
21:05 Точные прогнозы на футбол 
22:09 Добро пожаловать в цифровой мир... 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди