Верстка, что бы картинка не закрывала рамку
Страницы: 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)
Новые темыОбъявленияСвободное общение
18:57 WelcomePartners – ведущая гемблинг партнерка рунета! 
16:44 Adsense личный опыт 
14:31 Тизерная сеть "Облако Кликов" – новостной трафик с крупнейших СМИ Рунета 
13:11 Живы ли биржи? 
12:43 Как реализовать возможность установки флеш игр из эмулятора SEGA 
12:42 Как сделать скриншоты файлов .swf 
11:52 Партнерская программа от веб-студии Megagroup.ru. Комиссия до 44% за сайт. 
18:05 Оформление группы Вконтакте, создаем уникальный дизайн 
16:43 Продам аккаунт Облако@Mail.ru на 1Tb 400р 
16:26 Внешнее продвижение сайтов качественно! Быстрое выполнение, на форуме с 2009 года! 
15:44 Если нужны срочно деньги на карту за 5 минут 
15:16 «Взрываем языковые преграды» – переводим любые тексты 
13:31 Настройки ленты на плагин Wpgrabber для WordPress 
13:08 Если нужны срочно деньги на карту за 5 минут 
19:01 Где и как встретите Новый год? 
18:17 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р) 
17:06 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув 
14:58 Новая тизерная сеть Actionteaser.ru 
13:44 Продвижение сайта через Вконтакте? 
12:17 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 
11:26 В России вводят особый контроль за платежами в интернете