css문의 드립니다.
본문
http://empoweredu.kr/page/?pid=contactus
위 페이지를 보면 지도옆에 건물 이미지가 있는데요
화면을 줄이면 원래는 지도위로 올라는 형식이었는데요
갑자기 건물이미지가 안보이기 시작합니다..
왜그럴까요?
답변 5
display: none;
display:none; 이 코드 삭제하세요..
소스가 이건데요..
말씀 해주신 소스가 없는데요.
<?php if (!defined("_GNUBOARD_")) exit; ?>
<style>
.sub-page p, .sub-page li {word-break:keep-all;font-size:13px}
.sub-title {position:relative;font-size:37px;color:#333;margin:10px 0 70px;font-weight:300}
.sub-title small {display:block;margin-top:10px;font-size:13px;border-top:1px solid #333;padding-top:10px}
.contact-info h3 {margin:0;padding-left:5px;font-size:15px;font-weight:bold}
.contact-info li {margin:3px 0;padding:5px;border-top:1px solid #aaa;color:#707070}
.contact-info li span {display:inline-block;width:70px;color:#333;font-weight:bold;margin-right:10px}
@media (max-width:767px){
.contact-img {margin-bottom:20px;max-height:300px;overflow:hidden}
}
.page-mid-title {margin:70px 0;text-align:center;padding:0 50px}
.page-mid-title h4 {position:relative;font-size:24px;color:#34608D;margin-bottom:20px}
.page-mid-title h4:after {content:"";position:absolute;left:50%;bottom:-10px;display:block;width:40px;height:1px;margin-left:-20px;background:#34608D}
.page-mid-title p {color:#707070}
@media (max-width:767px){
.page-mid-title {margin:40px 0}
}
</style>
<div class="sub-page page-contact">
<h3 class="sub-title">Contat <small>초기 목표설정을 통해 계획적인 진행을 거쳐 임무를 완수할 수 있는 시스템을 만들어 내고 그 결과물로 한단계 더 성장합니다.</small></h3>
<div class="contact-top">
<div class="contact-info">
<div class="row">
<div class="col-sm-5">
<div class="contact-img"><img src="./img/contactus_building.jpg" alt="building" class="img-responsive"></div>
</div>
<div class="col-sm-7">
<h3>회사정보(본사)</h3>
<ul class="list-unstyled">
<li><span>· 주소</span> 서울시 서초구 동작대로 153-1 스카이빌딩 2층</li>
<li><span>· 전화</span> 070-7568-341</li>
<li><span>· 팩스</span> *** 개인정보보호를 위한 전화번호 노출방지 ***</li>
<li><span>· 대중교통</span> 7호선 4호선 이수역(총신대입구역) 14번 출구-->직진 도보 3분</li>
</ul>
<div class="map-box">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12663.38262262486!2d126.97343800659709!3d37.48796845542371!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca1b0bd700e25%3A0xca6496535ef7ef93!2z7ISc7Jq47Yq567OE7IucIOuPmeyekeq1rCDrj5nsnpHrjIDroZwgMTUzLTE!5e0!3m2!1sko!2skr!4v1525159957113" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
아 감사합니다.
head_bs.html에서 찾았습니다.
음? 잘보입니다 크기를줄여도
아래 그림처럼 건물 이미지가 사라집니다.
다른 css에 포함되어있는 모양이네요.. 그냥 아래처럼 해보세요..
<div class="contact-img"><img src="./img/contactus_building.jpg" alt="building" class="img-responsive" style="display:inline-block;"></div>
수정되셨나보네요 ㅎ
잘나옵니다.
