xe 게시판 카테고리 목록을 콤보박스(드롭다운리스트) 로 목록에서 나오게 하는 방법

카테고리 목록을 위와 같이 제목 옆에 나오게 해달라는 의뢰가 있었다.

머 별거 아니겠지.. 라고 생각했는데.. 해결하려고 몇시간을 잡아 먹었다. ㅜ

여러분은 저 처럼 시행착오 없이 빠르게 하시길..

처음에는 th부분, 즉, 번호,제목.. 있는 부분만 조절 하면 되겠지.. 생각했다..

왠걸 저 크기를 좌지우지 하는 곳이 th가 아니라 td 부분이 였다. ㅜㅜ

그걸 모르고 th 부분만 잡고 있었으니.. 될리가 있나..

그럼 삽질의 과정 공개..

목록에서 (th부분) aa라는 <th>를 추가했다. 그러니 제목이 밀려서 이상하게 나왔다. 왜그러지.. 한참을 고민하다가 .. 아! td랑 안맞아서 그렇지! 라는 생각이 뒤늦게 났다 ㅜ 요새 웹을 한동안 안해서 감이 떨어졌나부당 ㅜ

td에도 번호나오는 부분을 그대로 복사해서 붙여넣으니 위에처럼 나왔다. 음.. 잘되는거 같군..

td에는 값이 나오면 안되고 th에만 카테고리 콤보박스는 삽입해야 하는데.. 아! td에 제목부분에 conspan="2"를 하면 되겠다 라는 생각이 들었다. 그렇게 했더니 위에처럼 나왔다. 그런데 주의할 점이 xe 리스트 소스 list.html에 공지부분도 같이 있다. th 밑에 있는 td는 공지notice부분이니 거기서 수정하면 안되고 밑에 List라고 주석있는데서 해야 한다. 항상 할때마다 헷갈린다.. ㅜ

어 뭐지.. 아무리 th에 사이즈를 조절해도 저 aa를 줄이고 싶은데 줄어지지가 않는것이였다. 또 한참을 삽질하다가.. class="title" style="width:100%" 

title 부분에 100%를 줬더니

짜잔~~ 하고 아주아주 예쁘게 되었다^^ ㅋㅋ 쓰담쓰담~~

그러나.. 기쁨도 잠시.. 또 다른 난관이 버티고 있었으니.. select 부분을 넣었더니 알 수 없는 th 코드가 생겼다. 이건 아직도 왜 생긴지 모르겠다 ㅜ

그래서 또 폭풍 삽질.. 에구 힘들다.. 그냥 이것 저것 해보다가 필요한 th만 놔두고 다 삭제하니 아래 처럼 나왔다.

어찌 됐던 의뢰자가 아주 만족했다^^

공지도에 colspan="2" 를 넣어줘야 공지 쓸때 또 연락오지 않는다^^

결과

http://lote9484.com