개발 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 11:40:24 /
추천
0
잘 나오나요?
|
|
과학나라
/
2014/04/28 11:42:35 /
추천
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> |
|
과학나라
/
2014/04/28 11:50:26 /
추천
0
<li height = 값
이 값을 주면 파이어,크롬을 동일한데 익스만 따로 놀네요.. 이게 무슨 이지경이 됬는지.. |
|
테라짱
/
2014/04/28 11:57:00 /
추천
0
<html>
이런식으로 하고 테스트 해봤는데.. 제대로 나오는거 같습니다만.. |
|
테라짱
/
2014/04/28 11:57:22 /
추천
0
<html>
<head>
<title> New Document </title>
<style>
.listdv { height:20px; width:100%; }
</style>
</head>
<body>
<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>
<table style="border:1px solid #ddd;width:500px;height:110px;padding:0;margin:0;">
<tr>
<td style="padding:0;margin:0;">
<div id='dv_rolling_rec1' style="width:100%;height:100%;">
<ul style="padding:0;margin:0;">
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<div class="listdv">
<div style="float:left;"><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></div>
<div style="float:right"><font color='000000'>13-12-13</font></div>
</div>
</li>
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<div class="listdv">
<div style="float:left;"><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></div>
<div style="float:right"><font color='000000'>13-12-13</font></div>
</div>
</li>
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<div class="listdv">
<div style="float:left;"><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></div>
<div style="float:right"><font color='000000'>13-12-13</font></div>
</div>
</li>
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<div class="listdv">
<div style="float:left;"><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></div>
<div style="float:right"><font color='000000'>13-12-13</font></div>
</div>
</li>
<li style='height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;'>
<div class="listdv">
<div style="float:left;"><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></div>
<div style="float:right"><font color='000000'>13-12-13</font></div>
</div>
</li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>
이런식으로 하고 테스트 해봤는데.. 제대로 나오는거 같습니다만.. |
|
과학나라
/
2014/04/28 12:28:22 /
추천
0
익스, 크롬, 파이어폭스에서 잘 나오나요?... 크롬, 파이어폭스는 잘 나오는거 같은데 익스는 글 4개로 보여지네요 ㅠㅠ 역시 다른 css 문제인가요? 그런데 우리는 특별히 여기 부분은 css 안쓰는데 ㅠㅠ
|
|
테라짱
/
2014/04/28 12:29:20 /
추천
0
익스 8,9,11 테스트 해봤는데 다 5개로 잘 나옵니다.
|
|
과학나라
/
2014/04/28 13:23:00 /
추천
0
지금 보니 height을 20을 주셨는데 익스는 게시글은 4개로 나오는데 크롬,파이어폭스는 정상적으로 5개 나옵니다. 그럼 height을 15을 주면 모두 게시글을 5개로 나오는데 파피어폭스 ,크롬만 폭이 너무 좁아 버립니다 ㅠ,ㅠ 익스는 정상적으로 나오고 폭도 알맞고..ㅠ.ㅠ 이건 도대체 왜그렇죠 ㅠ,ㅠ 제가 이전에 작성한 소스도 이렇게 나옵니다.. ㅠㅠ
|
|
과학나라
/
2014/04/28 13:23:16 /
추천
0
그럼 height을 15을 주면 모두 게시글을 5개로 나오는데 파피어폭스 ,크롬만 폭이 너무 좁아 버립니다 ㅠ,ㅠ 익스는 정상적으로 나오고 폭도 알맞고..ㅠ.ㅠ 이건 도대체 왜그렇죠 ㅠ,ㅠ 제가 이전에 작성한 소스도 이렇게 나옵니다.. ㅠㅠ
|
|
과학나라
/
2014/04/28 13:23:28 /
추천
0
익스는 정상적으로 나오고 폭도 알맞고..ㅠ.ㅠ 이건 도대체 왜그렇죠 ㅠ,ㅠ 제가 이전에 작성한 소스도 이렇게 나옵니다.. ㅠㅠ
|
|
테라짱
/
2014/04/28 14:52:40 /
추천
0
http://blog.arzz.com/298 이문제 아닐까 조심스럽게 생각됩니다만..
|
|
과학나라
/
2014/04/28 15:12:04 /
추천
0
찾았습니다!! left; _display:inline;' 이거 추가하니깐 됬습니다 ㅠ,ㅠ 너무 감사합니다 ㅠ,ㅠ
|
|
테라짱
/
2014/04/28 15:19:43 /
추천
0
^^ 다행이네요..
|