묻고답하기
이태그를 DIV로 바꾸면 어떻게 되나요? 알려주세요. ㅠㅠ
2010.01.09 10:07
안녕하세요? DIV와 CSS가 너무 어렵네요. ㅠㅠ
아래 TABLE 태그를 DIV로 바꾸면 어떻게 되나요? CSS를 곁들이면 더욱 좋구요. ^^
<table width="100%" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr>
<td align="center" bgcolor="#555555" height="37">
<span style="font-size:14pt;"><b><font color="white">{$menu_1st['text']}</font></b></span>
</td>
</tr>
</table>
<table border="0" width="100%" cellpadding="0" cellspacing="0" height="4">
<tr>
<td></td>
</tr>
</table>
아래 TABLE 태그를 DIV로 바꾸면 어떻게 되나요? CSS를 곁들이면 더욱 좋구요. ^^
<table width="100%" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr>
<td align="center" bgcolor="#555555" height="37">
<span style="font-size:14pt;"><b><font color="white">{$menu_1st['text']}</font></b></span>
</td>
</tr>
</table>
<table border="0" width="100%" cellpadding="0" cellspacing="0" height="4">
<tr>
<td></td>
</tr>
</table>
댓글 1
-
SMaker
2010.01.09 10:21
-
@!@
2010.01.09 10:53
2차메뉴 항목들 바로 위에 1차메뉴명 글자가 나타나게 하려고요. 테이블태그로 쉽게 구현을 했는데 div로 바꿔보려고 하는중입니다. -
@!@
2010.01.09 14:49
SMaker님~ 감사합니다. 덕분에 해결이 되었구요. div랑 css사용법을 쪼금은 알것같네요. ^^
<style type="text/css">
.gnb { background-color:#333333; margin-bottom:4px;}
.gnb ul { margin:0; padding:0; list-style:none;}
.gnb ul li { margin:0; padding:0; height:37px; text-align:center; background-color:#555555; list-style:none;}
.gnb ul li strong { color:#fff; font-size:14pt;}
</style>
<div class="gnb">
<ul>
<li><strong>{$menu_1st['text']}</strong></li>
</ul>
</div>
div로 변환해 드렸습니다.
의도하셨던 것처럼 나올지는 저도 잘 모르겠네요.
그런데 혹시 레이아웃 짜시나요?