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 포인트
9년 전
</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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택