테스트 사이트 - 개발 중인 베타 버전입니다

ul 영역에 관한 질문좀.. 채택완료

</p><p><?php</p><p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p><p>include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p><p> </p><p>$imgwidth = 175; //표시할 이미지의 가로사이즈</p><p>$imgheight = 120; //표시할 이미지의 세로사이즈</p><p>?></p><p> </p><p><style></p><p>#oneshot { position:relative;width:728px;}</p><p>#oneshot .la_title{position:absolute; left:0; top:0; z-index:100; background:#000; padding:5px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}</p><p>#oneshot .img_set{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px; background:#fafafa;padding:0;}</p><p>#oneshot .subject_set{width:<?php echo $imgwidth - 13 ?>px; height:58px; padding:5px 10px 10px 3px; z-index:1; bottom:0; left:0;}</p><p>#oneshot .subject_set .sub_title{color:#333;height:17px;overflow:hidden;padding:3px 0 0 0;font-size:1.2em;font-family:NanumBarunGothic,dotum;}</p><p>#oneshot .subject_set .sub_content{color:#8c8a8a;height:30px;overflow:hidden;padding:3px 0 0;font-family:NanumGothic,dotum;}</p><p> </p><p> </p><p>#oneshot ul {list-style:none;margin:0;padding:15px 0 20px 0;}</p><p>#oneshot li{float:left;list-style:none;text-decoration:none;}</p><p>.subject_set  a:link, a:visited {color:#333;text-decoration:none}</p><p>.subject_set  a:hover, a:focus, a:active {color:#e60012;text-decoration:none}</p><p> </p><p>/* 폰트불러오기 */</p><p>@font-face {font-family:'NanumBarunGothic';src: url('<?php echo $latest_skin_url ?>/NanumBarunGothic.eot');}</p><p>@font-face {font-family:'NanumGothic';src: url('<?php echo $latest_skin_url ?>/NanumGothic.eot');}</p><p> </p><p>.portfolio{padding:0 0 5px 0}</p><p>.portfolio .tit{padding:10px 20px;background:#fff;color:#000;font-weight:bold;font-size:15px;font-family:NotoSansKR Regular;}</p><p></style></p><p><div id="oneshot"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><div class="portfolio"></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span><div class="tit">PORTFOLIO</div></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></div></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><ul></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><?php for ($i=0; $i<count($list); $i++) { ?><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><li></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><div class="img_set"></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><a href="<?php echo $list[$i]['href'] ?>"></p><p><span class="Apple-tab-span" style="white-space:pre">					</span><?php                </p><p><span class="Apple-tab-span" style="white-space:pre">					</span>$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $imgwidth, $imgheight);    <span class="Apple-tab-span" style="white-space:pre">					</span>            </p><p><span class="Apple-tab-span" style="white-space:pre">					</span>if($thumb['src']) {</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>$img_content = '<img class="img_left" src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$imgwidth.'" height="'.$imgheight.'">';</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>} else {</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>$img_content = 'NO IMAGE';</p><p><span class="Apple-tab-span" style="white-space:pre">					</span>}                </p><p><span class="Apple-tab-span" style="white-space:pre">					</span>echo $img_content;<span class="Apple-tab-span" style="white-space:pre">												</span>               </p><p><span class="Apple-tab-span" style="white-space:pre">					</span>?></p><p><span class="Apple-tab-span" style="white-space:pre">				</span></a></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></div></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></li></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><?php } ?></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></ul></p><p></div></p><p><div style="clear:both;"></div></p><div>
ul에 패딩값을 주려고 하는데 ul영역이 li부분을 감싸지 못하더라고요.. 그래서 높이를 수동으로 줘야하는데 원래 다 감싸줘야하는거 아닌가요? ㅠㅠ 소스도 잘 감싸줬다고 생각하는데.. 뭐가 잘못된건지 모르겠어요.. 도와주세요..
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

</p><p></ul></p><p><span style="font-size: 11pt; line-height: 1.5;">
 

=>

</p><p style="font-size: 14.6667px;"><div style="clear:both"></div></p><p style="font-size: 14.6667px;"></ul></p><p style="font-size: 14.6667px;"><span style="font-size: 11pt; line-height: 1.5;">

 

css에서 :after 속성사용하는게 좋습니다만, 일단은 위 코드로 처리 해보세요.

float속성 때문에 높이를 가지지 못한것 때문입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고