메인 슬라이더 배너 높이 조절 방법
823
2016.06.01 12:49
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=2Tk 주소복사
본문
메인 슬라이더 배너 높이 조절을 css에서 어떻게 해야하는지 알고 싶습니다
.header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:400px}
해당 높이를 조절해 봤지만 적용이 되지 않더라고요
그리고 배경 이미지 크기를 딱 맞도록 넣고 싶은데 이 또한 어떻게 해야하는지 알고 싶습니다.
지금 메인 슬라이더 배너의 이미지는 큰 이미지의 중앙 부분만 출력이 되더라고요
저는 호출되는 이미지의 크기가 전부 출력되었으면 하거든요
혹시 이 부분들에 대해 알고 계신분 있으면 힌트좀 알려 주세요
1
레벨 10
경험치 10,166
Progress Bar 59%
- 가입일 : 2015-03-16 21:00:17
- 서명 :
- 자기소개 :
Total 64건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 64 |
red123
|
2017.06.23 | 821 | |
| 63 |
red123
|
2017.06.08 | 338 | |
| 62 |
red123
|
2017.05.01 | 734 | |
| 61 |
red123
|
2017.04.04 | 465 | |
| 60 |
red123
|
2017.03.14 | 665 | |
| 59 |
red123
|
2016.11.09 | 629 | |
| 58 |
red123
|
2016.10.30 | 953 | |
| 57 |
red123
|
2016.10.26 | 517 | |
| 56 |
red123
|
2016.10.06 | 508 | |
| 55 |
red123
|
2016.09.20 | 639 | |
| 54 |
red123
|
2016.09.08 | 783 | |
| 53 |
red123
|
2016.07.12 | 712 | |
| 52 |
red123
|
2016.06.27 | 683 | |
| 51 |
red123
|
2016.06.21 | 662 | |
| 50 |
red123
|
2016.06.18 | 523 | |
| 49 |
red123
|
2016.06.16 | 783 | |
| 48 |
red123
|
2016.06.04 | 732 | |
| 열람 |
red123
|
2016.06.01 | 824 | |
| 46 |
red123
|
2016.04.09 | 2,945 | |
| 45 |
red123
|
2016.04.05 | 831 |
댓글목록
red123님의 댓글
오래간만에 다른 일을 하다 다시 소스를 보려다 보니 잊어먹은게 많았네요
높이에 대한 문제의 해결 방법은 찾았습니다.
.header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:800px}
css의 해당 라인부분의 높이를 수정하면 되며,
저와 같이 수정 후에도 적용이 안되는 경우 웹브라우저의 캐시를 삭제 후 다시 실행하면 적용된 형태가 보입니다
축하합니다. 행운의 포인트 6포인트를 획득하였습니다.
red123님의 댓글
이제 배경 이미지 출력 문제 해결만이 남아 있네요 ㅎ
red123님의 댓글
다른 문제에 봉착했네요 높이를 height:600px로 줬는데
정작 이미지를 600px로 만들어 넣으니 절반 정도 높이가 빈 상태로 출력이 되네요 흠.......................
정신이 갑자기 아득해 지네요.... ㅎ
red123님의 댓글
지정된 px로 테이블이 왜 안만들어지는 걸까요?
분명 600px로 수정했음에도 불구하고 거의 2배 이상 크기로 만들어 지다니.... ㅠㅠ
레오나르도님의 댓글
가로크기와의 비율을 계산해서 설정해 보심이...
참고로 반응형 테마의 경우 각각의 디바이스에 따라 크기가 틀려지기 때문에 이 부분을 염두하시고 수정하셔야 될거에요.
축하합니다. 행운의 포인트 38포인트를 획득하였습니다.
red123님의 댓글
px 픽셀은 고정형으로 알고 있는데
css에서 높이 600px로 하고
이미지 프로그램에서 600px로 잘라낸 경우 절반 조금 못미치게 나오네요
이유는 딱히 모르겠습니다. ㅎ
그냥 맞춰서 사용해봐야지 지금 당장은 방법을 모르겠네요
레오나르도님 말씀대로 나머지 부분들에 대해서도 다 변경 해야 겠어요
축하합니다. 지뢰폭탄 포인트 84포인트를 획득하였습니다.