묻고답하기
html 소스를 css소스로 어떻게 변경하나요 ㅠㅠ?
2012.03.24 14:58
이게 원 html 소스입니다.
<table id="__01" width="232" height="210" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="232" height="72" style="background-image:url('http://sunddalgi.ivyro.net/skin/images/sub_menu_01.jpg'); background-repeat:no-repeat;" valign="bottom">
<p align="center"><br><b><span style="font-size:18pt;"><font color="#6E4D28">커 뮤 니 티</font></span></b><br><br></p></td>
</tr>
<tr>
<td width="232" height="53" style="background-image:url('http://sunddalgi.ivyro.net/skin/images/sub_menu_02.jpg'); background-repeat:repeat-y;" style="line-height:23px; padding-top:10px;">
<ul>
<p><a href="http://sunddalgi.ivyro.net/bbs/zboard.php?id=b_5" onfocus="blur()">· 공지사항</a><br>
<a href="http://sunddalgi.ivyro.net/bbs/zboard.php?id=b_6" onfocus="blur()">· 자유게시판</a><br>
<a href="http://sunddalgi.ivyro.net/bbs/zboard.php?id=b_7" onfocus="blur()">· 방문후기</a><br>
<a href="http://sunddalgi.ivyro.net/bbs/zboard.php?id=b_8" onfocus="blur()">· 묻고답하기</a></p>
</ul>
</td>
</tr>
<tr>
<td width="232" height="220" style="background-image:url('http://sunddalgi.ivyro.net/skin/images/sub_menu_03.jpg'); background-repeat:no-repeat;"></td>
</tr>
</table>
xe레이아웃으로 옮기려고 하고 있는데요,
'커뮤니티'가 들어간곳이 서브메뉴 최상단 이름이 출력될 곳이구요,
'공지사항' '자유게시판' 등이 들어 있는 곳이 하위 메뉴를 출력해줄 곳입니다.
삽입된 image 들이 꼭 들어가야하구요, 틀은 그대로 유지하되 css 소스로 변환하고 싶습니다!
제가옮기려는 레이아웃의 css소스를 보니
#second_menu { margin-bottom:30px; }
#second_menu div { height:15px; padding:12px 16px; *padding-top:11px; border:1px solid #ddd; color:#676767; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; background-color:#eaeaea; background:url(../img/bg_sub.gif) repeat-x; font-weight:bold; }
이렇게 되어있더라구요,
위 소스에 적용해서 부탁드립니다!
css 를 분석하시려면 html파일의 class와 id 이름 그리고 태그의 위치를 잘 파악하고 계셔야 해요~
위 css코드에 좀더 아래쪽에 html 해당태그에 해당하는 곳이 있을거에요....
예를들자면
#__01 td {...} 또는
td ul a {...} 이런식의 라인에서 수정해주시면 됩니다 ^^;