묻고답하기
메인페이지 welcome contents 사용시 슬라이더 사이여백을 없애려면 어
2014.12.19 01:21
안녕하세요
아래 주소입니다.
http://www.ms-inc.co.kr/xe/
슬라이더 밑에
아래와 같이 사용하는데
위 슬라이더와 사이에 여백이 생깁니다. ---- article 의 속성때문인가요?
이 여백을 어떻게 없앨 수 있을 지 문의드립니다.
감사합니다.
--------------------------------------------------------------//-----------------------------
<link rel="stylesheet" href="http://ms-inc.co.kr/xe/modules/install/script/welcome_content/welcome.css" />
<article class="welcomeXE"> <section class="i1">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=page_BrpS27"><img src="http://www.ms-inc.co.kr/xe/images/main01.jpg" alt="about us
" width="326" height="284" style="" editor_component="image_link"></a></h1></section>
<section class="i2">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=page_fTsF37"><img src="http://www.ms-inc.co.kr/xe/images/main02.jpg" alt="about us
" width="326" height="284" style="" editor_component="image_link"></a></h1></section>
<section class="i3">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=board_xvtO01"><img src="http://www.ms-inc.co.kr/xe/images/main03.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i4">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=board_HDVu37"><img src="http://www.ms-inc.co.kr/xe/images/main04.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i5">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=board_tdgT48"><img src="http://www.ms-inc.co.kr/xe/images/main05.jpg" alt="" width="326 height=" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i6">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=board_KZqe23"><img src="http://www.ms-inc.co.kr/xe/images/main06.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i7">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=page_vbdX87"><img src="http://www.ms-inc.co.kr/xe/images/main07.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i8">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=board_yZiJ08"><img src="http://www.ms-inc.co.kr/xe/images/main08.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section>
<section class="i9">
<h1><a href="http://www.ms-inc.co.kr/xe/index.php?mid=page_aKVB49"><img src="http://www.ms-inc.co.kr/xe/images/main09.jpg" alt="" width="326" height="284" style="" editor_component="image_link" /></a></h1>
</section></article>
댓글 2
-
devflow
2014.12.19 11:15
-
쫑효다컴
2014.12.19 13:22
답변감사합니다. 그런데 아래같이 해도 안바뀌는데요
혹시 article 문제일까요? article 여백은 어디서 잡죠?
@charset "utf-8";
/* Welcome */
.welcomeXE{zoom:1}
.welcomeXE{
margin-top:00px;}
.welcomeXE>h1{margin:0;font-size:20px;color:#333}
.welcomeXE>section{width:326px; height:284px;float:left;padding:0px 0px 0px 00px;margin:0px 0px 00px 0px;}
<!-- 여백주려거던 section 에서 주어라-->
.welcomeXE>section>h1{padding:0px 0px 0px 0px; text-align:center;font-size:18px;margin:0px 0px 0px 0px;color:#333}
.welcomeXE>.i1>h1{}
.welcomeXE>.i2>h1{}
.welcomeXE>.i3>h1{}
.welcomeXE>.i4>h1{ }
.welcomeXE>.i5>h1{}
.welcomeXE>.i6>h1{}
.welcomeXE>section>p{ text-align:center;font-size:12px;color:#666;line-height:18px;margin:0}
.welcomeXE>section>p>a{text-align:center; align-content:center; display:inline-block;background:#e2e6e7;border:1px solid #d7dce0;border-radius:2px;padding:0 15px;font-size:11px;line-height:25px;text-decoration:none;font-weight:bold;color:#b00000}
.welcomeXE>section>a{ text-align:center; align-content:center; display:inline-block;background:#e2e6e7;border:1px solid #d7dce0;border-radius:2px;padding:0 15px;font-size:11px;line-height:25px;text-decoration:none;font-weight:bold;color:#666}
welcome.css에 .welcomeXE h1{margin:0;}을 추가하시면 됩니다.