그누 질문은 아닌데요.. 테이블 안에 td 자동 넘기기..
쇼핑몰 제작중에 있습니다..
테이블 안에..
<table width="620"><tr>
// 다음 소스가 루팅 됩니다..
<td width="25%">{{name}}</td>
// 루팅 끝..
</tr></table>
로 루팅 되는데요....
cafe24 쇼핑몰이구요..
<td>안에 있는 내용이 개수만큼 루팅되는건데..
a물품 b물품 c물품 d물품
e물품 f물품 g물품 h물품
이렇게 루팅되게 하려면 어떻게 해야 하나요?
현제는..
a물품 b물품 c물품 d물품 e물품 f물품 g물품 h물품
이렇게 움직이네요ㅠ(폭은 점점 줄어 들구요..)
다음은 원본 소스입니다..ㅠ
//////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="800">
<tr>
<td height="6" colspan="4" background="/web/upload/cate_list_bg1.gif"></td>
</tr>
<tr>
<td colspan="4" height=30 background="/web/upload/cate_list_bg.gif">
<table width="99%" align=center border="0" cellspacing="2" cellpadding="5" >
<tr>
<td width="110" align="center" class="part01" STYLE="color:#669900;font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">
{{$cate_name}} </td>
<td width="680" STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};"><table width=100% border="0" cellspacing="0" cellpadding="0"><tr>
// 루팅되는 부분..
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
// 루팅 끝..
</tr></table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="6" colspan="4" background="/web/upload/cate_list_bg2.gif"></td>
</tr>
<tr>
<td height="10" colspan="4"></td>
</tr>
</table>
</body>
</html>
테이블 안에..
<table width="620"><tr>
// 다음 소스가 루팅 됩니다..
<td width="25%">{{name}}</td>
// 루팅 끝..
</tr></table>
로 루팅 되는데요....
cafe24 쇼핑몰이구요..
<td>안에 있는 내용이 개수만큼 루팅되는건데..
a물품 b물품 c물품 d물품
e물품 f물품 g물품 h물품
이렇게 루팅되게 하려면 어떻게 해야 하나요?
현제는..
a물품 b물품 c물품 d물품 e물품 f물품 g물품 h물품
이렇게 움직이네요ㅠ(폭은 점점 줄어 들구요..)
다음은 원본 소스입니다..ㅠ
//////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="800">
<tr>
<td height="6" colspan="4" background="/web/upload/cate_list_bg1.gif"></td>
</tr>
<tr>
<td colspan="4" height=30 background="/web/upload/cate_list_bg.gif">
<table width="99%" align=center border="0" cellspacing="2" cellpadding="5" >
<tr>
<td width="110" align="center" class="part01" STYLE="color:#669900;font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">
{{$cate_name}} </td>
<td width="680" STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};"><table width=100% border="0" cellspacing="0" cellpadding="0"><tr>
// 루팅되는 부분..
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
<td width=162style="word-break:break-all"> <a href="category.php?cate_no={{$no2}}"><font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">{{$name}}</font></a> <font STYLE="color:#cccccc">|</font></td>
// 루팅 끝..
</tr></table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="6" colspan="4" background="/web/upload/cate_list_bg2.gif"></td>
</tr>
<tr>
<td height="10" colspan="4"></td>
</tr>
</table>
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
<ul style="width:100%">
<li style="float:left;"></li>
<li style="float:left;">1</li>
<li style="float:left;">2</li>
<li style="float:left;">3</li>
<li style="float:left;">4</li>
<li style="float:left;">5</li>
<li style="float:left;">6</li>
<li style="float:left;">7</li>
<li style="float:left;">8</li>
<li style="float:left;">9</li>
</ul>
각 li에 원하는 width를 대입하면 상위 레이어에 도달할경우 아래로 내려갑니다.
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
</ul>
아이피보면 다 나옵니다. 아이디를 두개 사용하시는군요
기껏 소스 분석하고 해결 방법 알려드렸더니.
에효 질답에서 활동좀 하려고 했는데 그만 둬야겠네요.
추가 코드라면 모르겠으나 처음부터 소스코딩 들어가고 계신거라면 관리자 기능을 좀더 살펴보시기 바랍니다.
기본적으로 루팅 되던 것을 수정하고 계신거라면 분명히 그에 관한 변경 기능이 있을껍니다.
너무 복잡하긴 해도 관리자가... 디자인 적인 기능은 기본적인건 넣어 놨답니다.
코드는 위에분들이 잘 제시 하셨네요.
<ul style="width:800px">
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
<li style="float:left; width:200px;">0</li>
</ul>
이게 정답입니다.
ul너비가 800이고 200짜리가 8개라면 자동으로 800이상일때 줄바꿈 됩니다.
다만... 보더값등이 들어갔을땐 1px씩 조정하셔서 마추셔야합니다.