개발 Q&A
| 제목 | 이제 지쳐갑니다 ㅠㅠ 제가 가지고 있는 지식을 총 동원했지만 ㅠㅠ | ||
|---|---|---|---|
| 글쓴이 | 과학나라 | 작성시각 | 2014/04/28 09:53:05 |
|
|
|||
|
결국 안되서 이렇게 또 찾아옵니다 ㅠ,ㅠ 주말에 이것때문에 신경쓰여 ㅠㅠ 보시다싶이 롤링 게시판 작성할려고 합니다.
일단 파이어폭스 익스플로러 크롬 이렇게 차례대로 보여드리겠습니다    머 하나만 수정하면 파이어폭스는 잘되고 나머지 두개는 엉망이되고 또 하나 수정하면 ㅠㅠ... 정말 돈만 있으면 이것들을 다 통일 시키고 싶은 심정입니다ㅜ.. 소스 보여드리겠습니다. 저번처럼 다르게 table로 하나 감샀습니다. <tr> <td> <div id='dv_rolling_rec$t'> <ul> "; FOR($r=0;$r<$BOARD_LIST_CNT;$r++){ $B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]); $B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]); $B_LIST.=" <li> <table> <tr> <td align='left'> <img src='$img_icon' align='absmiddle'> <a href=' 링크주소'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a> </td> "; IF($DB_date[$t] == "Y"){ $B_LIST.=" <td width='396' align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font> </td> </tr> </table> </li> "; } } $B_LIST.=" </ul> </div> </td> </tr> "; 적당한데 height 설정해 두어도 반응이 없습니다 ㅠ,ㅠ 부탁드립니다 ㅠㅠ 어떻게 안될까요 ㅠㅠㅠ |
|||
| 다음글 | mpdf를 사용해서 pdf 파일을 만들고 있었습니다, ... (1) | ||
| 이전글 | 왜 안되는지 봐주실래요? (3) | ||
댓글
|
수야디벨
/
2014/04/28 10:10:47 /
추천
0
|
|
과학나라
/
2014/04/28 10:23:09 /
추천
0
롤링 설정에
// 한번에 보일 리스트수(default: 2) showItems: 5, 게시글 5로 나타내야 하는데 보시다 싶이 height 가 모두 달라서 이렇게 나오네요... 전부 5개 글을 표시되는데 height 격차 때문에 ㅠ,ㅠ |
|
수야디벨
/
2014/04/28 10:34:33 /
추천
0
IE는 상대적으로 불편하니 , 크롬이나 파폭 개발자 툴로 각각 리스트를 살펴봤을때,
height 높이 말고 다른 css가 영향을 주는건지 아닌지 확인은 해보셨나요?   크롬이라면 위 처럼 각각 개체의 높이를 시각적으로 알 수 있어요. 이렇게 객체를 살펴봐서 왜 브라우저마다 다르게 보이는지 원인을 파악해야 합니다. 시작점이 다른건지, 어떤 부분에 padding이나 magin이 붙은건지 .. |
|
수야디벨
/
2014/04/28 10:35:39 /
추천
0
첫번째 이미지는 가로가 길어서 짤렸으니 마우스 우클릭 다른이름으로 저장해서 살펴보세요
|
|
테라짱
/
2014/04/28 10:41:28 /
추천
0
<pre>
</pre>
<!DOCTYPE HTML>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.listdv { height:20px; width:100%; }
</style>
</head>
<body>
<div style="border:1px solid #ddd;height:100px;width:500px;">
<div class="listdv">
<div style="float:left;">aaaaaaaaaaaaaa</div>
<div style="float:right;">13-10-17</div>
</div>
<div class="listdv">
<div style="float:left;">aaaaaaaaaaaaaa</div>
<div style="float:right;">13-10-17</div>
</div>
<div class="listdv">
<div style="float:left;">aaaaaaaaaaaaaa</div>
<div style="float:right;">13-10-17</div>
</div>
<div class="listdv">
<div style="float:left;">aaaaaaaaaaaaaa</div>
<div style="float:right;">13-10-17</div>
</div>
<div class="listdv">
<div style="float:left;">aaaaaaaaaaaaaa</div>
<div style="float:right;">13-10-17</div>
</div>
</div>
</body>
</html>
|
|
과학나라
/
2014/04/28 11:13:22 /
추천
0
그것도 고려해서 모두 체크해보았습니다 마진,패딩등 그런데 다 0으로 표시되는데...ㅜㅜㅜ
|
|
과학나라
/
2014/04/28 11:15:21 /
추천
0
단순히 마진,패딩 문제라면 여기로 질문 조차 안했을겁니다ㅠㅠ 도대체 무엇이 문제일까요 ㅠ,ㅠ
|
|
테라짱
/
2014/04/28 11:21:07 /
추천
0
소스보기 코드 올려봐주세요
|
|
과학나라
/
2014/04/28 11:28:24 /
추천
0
// 게시물 제목 뽑아오기
$B_LIST.="
<script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script>
<script language='javascript' src='/source/js/jquery.vticker-min.js'></script>
<script type='text/javascript'>
$(function(){
$('#dv_rolling_rec$t').vTicker({
// 스크롤 속도(default: 700)
speed: 700,
// 스크롤 사이의 대기시간(default: 4000)
pause: 4000,
// 스크롤 애니메이션
animation: 'fade',
// 마우스 over 일때 멈출 설정
mousePause: true,
// 한번에 보일 리스트수(default: 2)
showItems: 5,
// 스크롤 컨테이너 높이(default: 0)
height: 100,
// 아이템이 움직이는 방향, up/down (default: up)
direction: 'up'
});
});
</script>
<tr>
<td>
<div id='dv_rolling_rec$t'>
<ul>
";
FOR($r=0;$r<$BOARD_LIST_CNT;$r++){
$B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]);
$B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]);
$B_LIST.="
<li style='height:15px;width:240px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<table>
<div>
<td align='left' >
<img src='$img_icon' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=$DB_board[$t]&SID=$B_SID[$r]' onFocus='this.blur();'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a>
</td>
";
IF($DB_date[$t] == "Y"){
$B_LIST.="
<td align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font></td>
</div>
</table>
</li>
";
}
}
$B_LIST.="
</ul>
</div>
</td>
</tr>
";
IF($r == 0) $r = 1;
$na=$DB_row[$t]%$r;
IF($na!=0){
FOR($s=1;$s<$na+1;$s++){
$B_LIST.="<tr><td height='20'></td></tr>";
}
}
|
|
테라짱
/
2014/04/28 11:32:14 /
추천
0
php 소스 말고 html 소스 보기 코드를 올려주셔야 확인이 쉬울거에요 ㅠㅜ
|
|
과학나라
/
2014/04/28 11:32:47 /
추천
0
아 이제는 ㅠ,ㅠ 익스는 4개로 나오고 파이어 폭스 크롬은 정상적으로 5개 나오는데.. 정말 지첬네요 ㅠㅠ
|
|
과학나라
/
2014/04/28 11:33:33 /
추천
0
// 게시물 제목 뽑아오기
$B_LIST.="
<script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script>
<script language='javascript' src='/source/js/jquery.vticker-min.js'></script>
<script type='text/javascript'>
$(function(){
$('#dv_rolling_rec$t').vTicker({
// 스크롤 속도(default: 700)
speed: 700,
// 스크롤 사이의 대기시간(default: 4000)
pause: 4000,
// 스크롤 애니메이션
animation: 'fade',
// 마우스 over 일때 멈출 설정
mousePause: true,
// 한번에 보일 리스트수(default: 2)
showItems: 5,
// 스크롤 컨테이너 높이(default: 0)
height: 100,
// 아이템이 움직이는 방향, up/down (default: up)
direction: 'up'
});
});
</script>
<tr>
<td>
<div id='dv_rolling_rec$t'>
<ul>
";
FOR($r=0;$r<$BOARD_LIST_CNT;$r++){
$B_TITLE[$r] = ereg_replace('<[^>]*>',' ',$B_TITLE[$r]);
$B_TITLE_CUT=TEXT_CUT($B_TITLE[$r],$DB_length[$t]);
$B_LIST.="
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<table>
<div>
<td align='left' width='396'>
<img src='$img_icon' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=$DB_board[$t]&SID=$B_SID[$r]' onFocus='this.blur();'><font color='$DB_color[$t]'>$B_TITLE_CUT</font></a>
</td>
";
IF($DB_date[$t] == "Y"){
$B_LIST.="
<td width='396' align='right'><font color='$DB_color[$t]'>$B_DATE[$r]</font></td>
</div>
</table>
</li>
";
}
}
$B_LIST.="
</ul>
</div>
</td>
</tr>
";
|
|
과학나라
/
2014/04/28 11:34:55 /
추천
0
잘 나오시나요?
|
|
테라짱
/
2014/04/28 11:35:09 /
추천
0
익스에서 마우스 오른쪽 클릭후 소스보기 내용을 올려주셔야 ㅠㅜ
|
|
과학나라
/
2014/04/28 11:39:59 /
추천
0
<script type='text/javascript' language='javascript' src='http://www.goldenshop.biz/js/jquery-1.9.1.min.js'></script> <script language='javascript' src='/source/js/jquery.vticker-min.js'></script> <script type='text/javascript'> $(function(){ $('#dv_rolling_rec1').vTicker({ // 스크롤 속도(default: 700) speed: 700, // 스크롤 사이의 대기시간(default: 4000) pause: 4000, // 스크롤 애니메이션 animation: 'fade', // 마우스 over 일때 멈출 설정 mousePause: true, // 한번에 보일 리스트수(default: 2) showItems: 5, // 스크롤 컨테이너 높이(default: 0) height: 100, // 아이템이 움직이는 방향, up/down (default: up) direction: 'up' }); }); </script> <tr> <td> <div id='dv_rolling_rec1'> <ul> <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'> <table> <div> <td align='left' width='396' > <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=18' onFocus='this.blur();'><font color='000000'>dddd</font></a> </td> <td width='396' align='right'><font color='000000'>13-12-13</font></td> </div> </table> </li> <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'> <table> <div> <td align='left' width='396' > <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=17' onFocus='this.blur();'><font color='000000'>qqqq21q1q1q1q</font></a> </td> <td width='396' align='right'><font color='000000'>13-10-17</font></td> </div> </table> </li> <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'> <table> <div> <td align='left' width='396' > <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=16' onFocus='this.blur();'><font color='000000'>qqqqqqqq</font></a> </td> <td width='396' align='right'><font color='000000'>13-10-17</font></td> </div> </table> </li> <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'> <table> <div> <td align='left' width='396' > <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=15' onFocus='this.blur();'><font color='000000'>z1z11z1z1z11z</font></a> </td> <td width='396' align='right'><font color='000000'>13-10-17</font></td> </div> </table> </li> <li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'> <table> <div> <td align='left' width='396' > <img src='/templates/skin/images/program_basic/center/20130726171021_icon1.gif' align='absmiddle'> <a href=' /source/skin/board/skin/U_BP_read_0001.php?BOARD=QnA&SID=14' onFocus='this.blur();'><font color='000000'>zzzzzz</font></a> </td> <td width='396' align='right'><font color='000000'>13-10-17</font></td> </div> </table> </li> </ul> </div> </td> </tr> |
처음에 질문 하셨던거 처럼 제목은 왼쪽, 날짜는 오른쪽에 잘 붙어 있는거 같습니다만..