묻고답하기
메인페이지 가운데 정렬하기
2015.10.08 21:43
게시판에 올라온 글들을 보고 해봐도 메인 페이지의 가운데 정렬이 되지를 않습니다.
어떻게 해야 하는지 좀 자세하게 알려 주시면 고맙겠습니다. 중앙 정렬이 되지 않아 오픈을 못 하고 있습니다.ㅠㅜ
주소는 http://seodang.org/ 입니다.
댓글 10
-
mindpainter
2015.10.08 21:53
-
현무
2015.10.08 22:01
고맙습니다.
근데 관련 css 파일을 어떻게 찾는지 모르겠습니다.
index.php 파일로 되어 있습니다. 메인 페이지 소스보기 하면 나오긴 하는데 이걸 어디 들어가서 고쳐야 하는지 모르겠습니다.
이 사이트는 위젯으로 만들었습니다.
-
mindpainter
2015.10.08 22:12
xe로 만드신거고 상단 이미지 영역이 위젯으로 만든게 맞다면 widgets/해당위젯스킨/의 파일중에 있을거예요..
-
현무
2015.10.08 22:23
검색을 했더니
했더니 해당 폴더에 css 파일은
coin-slider-styles.css 밖에 없고 아래 내용 밖에 들어 있지 않습니다.
어떻게 하면 될까요?
/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.coin-slider a:hover {text-decoration:none;}.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }.cs-title { padding: 10px; background-color: #000000; color: #FFFFFF; }
-
mindpainter
2015.10.08 22:30
1. css 파일 제일 하단에
.xe-widget-wrapper.banner {margin: 0 auto; width: 1200px}
넣으시고 업로드 안되시면 해당 html 파일을 찾아봐 주세요.. 찾으셔서 태그에 style이 적용되어 있다면 그 부분을 수정해 주시고 아니라면 html 파일 상단에
<style>
.xe-widget-wrapper.banner {margin: 0 auto; width: 1200px}
</style> 추가그래도 안되면 제가 더 도와드릴수는 없겠네요...
-
현무
2015.10.12 14:31
다행히 배너와 상단,하단은 중앙정렬이 되었는데요, 가운데 게시판이 중앙 정렬이 되지 않습니다. .ㅜㅜ
-
퍼니엑스이
2015.10.08 22:26
슬라이더 부분을 가운데 정렬하고자 하신다면 /widget/coinslider/skins/default/js/coin-slider.js 에서
// set panel
jQuery(el).css({
'background-image':'url('+images[el.id][0]+')',
'width': params[el.id].width,
'height': params[el.id].height,
'position': 'relative',
'background-position': 'top left'
}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");와 같은 부분을 찾아서
// set panel
jQuery(el).css({
'background-image':'url('+images[el.id][0]+')',
'width': params[el.id].width,
'height': params[el.id].height,
'position': 'relative',
'background-position': 'top left',
'margin' : '0 auto'
}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");빨간색 부분을 추가해보세요.
-
팝스애플
2015.10.11 01:32
공지사항 등, 위젯부분들을 감싸는 컨테이너를 하나 만들고, margin:auto; 를 주시고
그 컨테이너의 상위 태그에다가 text-align:center;를 줘 보세요.
-
팝스애플
2015.10.11 01:33
#content { margin:auto; width:1400px;}
-
르미
2018.09.07 02:49
여기에 소개된 친절하신 분들의 도움으로도
우리 회사 서버에는 잘 안되어서
며칠 헤매다가 해결책을 찾았습니다.
혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까
아래 링크를 참고하여 보시기 바랍니다.
늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,
저도 도움이 될 수 있으면 정말 좋겠네요.
https://yorom.kr/index.php?mid=RomeNote&document_srl=785
해당 html에서
class="xe-widget-wrapper banner"를 찾으셔서 style이 적용되어 있다면
margin: 0px를 margin: 0 auto로, width: 100%를 사이트의 가로폭(예를 들어 1200px)으로 변경하세요.
style로 적용된게 아니라면 관련 css 검색하셔서 상기 내용으로 수정하시면 됩니다.