묻고답하기
[된장맛껌] ㅠㅠ 도와 주세요....(라디오 버튼 정렬]
2009.09.18 17:26
답변 정말 감사드립니다..... 그런데 왜 안되죠?
제 게시판(write_form.hyml)은 확장변수로만 입력받도록 하였는데여....
님께서 말씀하신 부분에서 확장변수를 불러오는 부분은
<ul> <li> 확장변수 ~~ <li><ul> 부분이 없습니다..... ㅠㅠㅠ
저는
<!--@if(count($extra_keys))-->
{@ $extravar_list = $oDocument->getExtraVars()}
<table cellspacing="0" summary="" class="extraVarsList">
<tr>
<td width="60" bgcolor="#F3F3F3"> {$extra_keys[1]->name}</td> <td>{$extra_keys[1]->getFormHTML()}</td>
<td width="60" bgcolor="#F3F3F3"> {$extra_keys[2]->name}</td> <td>{$extra_keys[2]->getFormHTML()}</td>
<td width="60" bgcolor="#F3F3F3"> {$extra_keys[3]->name}</td> <td> {$extra_keys[3]->getFormHTML()} </td>
</tr>
</table>
.....
.....
로 되어 있거든요
붉은 색이 라디오 부분이라 할 때 심지어 님의 글을 읽고
스킨/css/common.css파일 맨 아래에
.r_radio ul li radio { display:inline; margin-right:10px; } 이라고 치고
write_form.html 파일에는
td> <div class="r_radio"><div class="r_radio"><ul><li>{$extra_keys[3]->getFormHTML()} <li><ul></div>
하기도 했는데 전혀 반응이....ㅜㅜㅜ
제 생각에는
common.css 파일 맨 밑에
/* 확장 변수 폼 */
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:100px; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:35px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:90%; height:80px; font-size:12px;}
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:250px; }
이라는 소스가 있는 것으로 볼때
.extraVarsList tr td .radio { display:inline; margin-right:10px; }
라고 해주면 적용이 될 것으로 여겨 져서 해 보기도 했는데 ㅠㅠㅠㅠㅠ
체크하는 동그라미와 기본값의 사이만 조금 늘어나는 것 뿐
기본값은 남성 여성 두개인데 가로로 O 남성 , O여성 이렇게 가로로 나와야 하는디
O남성
O여성
이렇게 나온다는 말입니다.
주소란도 차라리 네모 검색 네모 이렇게 나와야 하는디
네모 검색
네모
이렇게 나와서 고민입니다.
도와 주세요
댓글 2
-
토종매니아
2009.09.18 17:45
-
다행이네요 ^^
<div class="r_radio"><ul><li>{$extra_keys[3]->getFormHTML()} </li></ul></div>
이렇게 하셨다면 css 문서에 들어가는 코드는
.r_radio ul li {display:inline; margin-right:10px;}
이렇게 되거든요 ^^
ul안에 있는 li 부분을 가로배열하는 것이라 인풋,라이오버튼 한방에 해결될겁니다.
앞서 말씀드렸던 <ul> <li> 확장변수 ~~ <li><ul> 이 부분은 게시판을 생성했을 때 글쓰기버튼을 누르면 쓰기창으로 들어가잖아요
거기서 소스보기하면 나오는 부분이에요.
소스보기해보면 웬만한건 짐작으로 할 수 있어요.
주소입력도 성공하시길 바랄게요 ^^
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
ㅎㅎㅎ 감사합니다. 원인을 찾았습니다.
위 소스에서 -block 을 혹시나 하고 삭제를 했더니 됩니다....
정말 감사합니다..........
이제는 주소란 에 도전입니다. ㅎㅎㅎ