div코딩 할때 이거랑 이게 뭔차이죠 ?;; > 자유게시판

자유게시판

div코딩 할때 이거랑 이게 뭔차이죠 ?;; 정보

div코딩 할때 이거랑 이게 뭔차이죠 ?;;

본문




즉 얼래는 첫번째 녹색처럼 게시글만 클릭이 되는데 ..

모바일 같은데 보면 게시글이 아니더라도 해당 전체 div가 클릭이 되는데 ..

이건 코딩을 어떻게 해줘야 .. 하는 건가요 ?
추천
0
  • 복사

댓글 14개

제가 사용하는 샘플코드입니다....
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<style type="text/css">
#zpbasic01 { width:100%; }
#zpbasic01 dt a:link,#zpbasic01 dt a:visited
{
display:block;
background-color:#ffffff;
text-decoration:none;
border:1px solid #dbe1e4; padding:5px 0 5px 10px; margin:0 0 0 0; font-weight:bold; background:url('<?=$latest_skin_path?>/img/latest_bar.gif') repeat-x;
}
#zpbasic01 dt a:hover,#zpbasic01 dt a:active { background-color:#eeeeee; }
#zpbasic01 .comment { font-size:11px; color:#EE5A00; }
#zpbasic01 dd a:link,#zpbasic01 dd a:visited
{
display:block;
background-color:#ffffff;
text-decoration:none;
height:30px; line-height:30px; padding:0 5px 0 10px; overflow:hidden;
}
#zpbasic01 dd a:hover,#zpbasic01 dd a:active { background-color:#eeeeee; }
</style>

<dl id="zpbasic01">
<dt><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><img src="<?=$latest_skin_path?>/img/bar_icon.gif" class="img" border="0"> <?=$board[bo_subject]?></a></dt>
    <? for ($i=0; $i<count($list); $i++) {
    echo "<dd>";
    echo "<a href='{$list[$i]['href']}'>";
    echo "&middot; ";
    echo $list[$i]['icon_reply'] . " ";
    if ($board[bo_use_category] && $list[$i][ca_name]) {
    echo "<span class=small><font color=gray>[{$list[$i][ca_name]}]</font></span> ";
    }
    if ($list[$i]['is_notice'])
    echo "<strong>{$list[$i]['subject']}</strong>";
    else
    echo "{$list[$i]['subject']}";

    if ($list[$i]['comment_cnt'])
    echo " <span class='comment'>{$list[$i]['comment_cnt']}</span>";

    // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
    // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

    echo " " . $list[$i]['icon_new'];
    //echo " " . $list[$i]['icon_file'];
    //echo " " . $list[$i]['icon_link'];
    //echo " " . $list[$i]['icon_hot'];
    //echo " " . $list[$i]['icon_secret'];
    echo "</a>";
    echo "</dd>";
    } ?>
    <? if (count($list) == 0) { ?>
    <dd>&middot; 게시글이 없습니다.</dd>
    <dd>&middot; 게시글이 없습니다.</dd>
    <dd>&middot; 게시글이 없습니다.</dd>
    <dd>&middot; 게시글이 없습니다.</dd>
    <dd>&middot; 게시글이 없습니다.</dd>
    <? } ?>
</dl>
연우아빠 하은님 코드까지 직접 올려 주시고 정말 감사 합니다. ^^

연후아빠 하은님 모바일 사이트에 보면 배송 대행 쪽에 하단에 에러 뿜어 내시네요 ^^
오프라인님 말씀처럼 a 태그 또는 a 태그 안에 블럭으로 잡아놓으면 됩니다.

단 ie6 에선 안될껍니다.

ex)

<style type="text/css">
div {clear:both; border-top:1px solid #030100;}
a {display:block; height:30px;}
</style>

<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
<div><a href="#">menu</a></div>
ie에서만 되는 트릭이 있는데

<table border="1">
<a href="http://daum.net">
<tr height="60"><td width="500">게시글1</td></tr>
<tr height="60"><td width="500">게시글2</td></tr>
</a>
</table>

되는 게 이상한겁니다 - _-
© SIRSOFT
현재 페이지 제일 처음으로