묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 초보입니다 초보적인 질문하나할께요^^:
2010.09.06 10:39
제로보드4를 사용해서 홈페이지를 만드는 중인데요 ~
레이아웃을 다운받아서 사용중인데
노프레임으로 만들고 있는데 head.html, foot.html에 적용될 style.css 파일이 제로보드 게시판에도 적용되서 이상하게 되네요..
style.css파일이 head 파일이랑 foot 파일에만 적용되고 하위 제로보드 스킨이라던지 그런곳에는 적용안되게 할 수 있을까요?
이건 현재 style.css 내용입니다
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt; font-family:굴림}
A:link {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active {color:black;text-decoration:none;}
A:hover {color:444444;text-decoration:underline} .head {border:solid 1 black;font-size:9pt;color:black;background-color:white;height:19px}
.textarea {border:solid 1;font-size:9pt;color:black;background-color:white;}
.input {border:solid 1;font-size:9pt;color:black;background-color:white;}
.submit {border:solid 0;font-size:9pt;color:white;background-color:black;height:19px}
개별 클래스로 style.css를 나누면 될 것 같은데 어렵네요.. 개별클래스로 나누어서 head에 적용하는 방법을 알고 싶습니다..ㅠㅠ 그리고 이건 현재 head.html 내용입니다. <html>
<head><title>notepad</title> <link rel="StyleSheet" href="style.css" type="text/css" title=style>
<meta http-equiv="Content-Type" content="text/html;charset=euc-kr"> <base target=_self>
<meta name="generator" content="Namo WebEditor(Trial)"> </head>
<body scroll=no> <table cellspacing=0 cellpadding=0 width=100% height=100%>
<tr>
<td align=center>
<table width=796 height=419 cellspacing=0 cellpadding=0>
<tr height=6>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=6>
<td width=6 background="left_top_1.gif" style="cursor:se-resize">
</td>
<td width=6 background="lt.jpg" style="cursor:s-resize">
</td>
<td background="top_1.jpg" style="cursor:s-resize">
</td>
<td width=6 background="rt.jpg" style="cursor:s-resize">
</td>
<td width=6 background="right_top_1.gif" style="cursor:sw-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr height=24>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=24>
<td width=7 background="left_top_2.jpg" style="cursor:w-resize">
</td>
<td width=140 background="title_icon.jpg">
</td>
<td background="top_2.jpg">
</td>
<td width=67 background="buttons.jpg">
</td>
<td width=6 background="right_top_2.jpg" style="cursor:w-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr height=20>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=20>
<td width=4 background="left.jpg" style="cursor:w-resize">
</td>
<td background="menubar.jpg" valign=top nowrap> <!-- ############################## NAVI'BAR 시작 ############################### --> <table width=100% cellspacing=0 cellpadding=0>
<tr height=20>
<td width=60 class=menu align=center onmouseover="this.style.background='#3169C6';this.style.color='white'" onmouseout="this.style.background='#EFEBDE';this.style.color='black'">
menu.
</td>
<td>
</td>
</tr>
</table> <!-- ############################## NAVI'BAR 끝 ############################### --> </td>
<td width=4 background="right.jpg" style="cursor:w-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr>
<td width=4 background="left.jpg" style="cursor:w-resize">
</td>
<td> <!-- ############################## DIV PLANE 시작 ############################### --> <div class=div> <table cellspacing=0 cellpadding=0 width=769 height=324>
<tr height=7>
<td width=6 background="ltcross.jpg">
</td>
<td background="hbar.jpg">
</td>
<td width=6 background="rtcross.jpg">
</td>
</tr>
<tr>
<td width=6 background="vbar.jpg">
</td>
<td>
요건 style.css로 깨진 게시판이구요 http://haeill.hosting.paran.com/bbs/zboard.php?id=date 도움 좀 주세요 고수분들! 부탁드리겠습니다!
A:visited {color:black;text-decoration:none;}
A:active {color:black;text-decoration:none;}
A:hover {color:444444;text-decoration:underline} .head {border:solid 1 black;font-size:9pt;color:black;background-color:white;height:19px}
.textarea {border:solid 1;font-size:9pt;color:black;background-color:white;}
.input {border:solid 1;font-size:9pt;color:black;background-color:white;}
.submit {border:solid 0;font-size:9pt;color:white;background-color:black;height:19px}
개별 클래스로 style.css를 나누면 될 것 같은데 어렵네요.. 개별클래스로 나누어서 head에 적용하는 방법을 알고 싶습니다..ㅠㅠ 그리고 이건 현재 head.html 내용입니다. <html>
<head><title>notepad</title> <link rel="StyleSheet" href="style.css" type="text/css" title=style>
<meta http-equiv="Content-Type" content="text/html;charset=euc-kr"> <base target=_self>
<meta name="generator" content="Namo WebEditor(Trial)"> </head>
<body scroll=no> <table cellspacing=0 cellpadding=0 width=100% height=100%>
<tr>
<td align=center>
<table width=796 height=419 cellspacing=0 cellpadding=0>
<tr height=6>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=6>
<td width=6 background="left_top_1.gif" style="cursor:se-resize">
</td>
<td width=6 background="lt.jpg" style="cursor:s-resize">
</td>
<td background="top_1.jpg" style="cursor:s-resize">
</td>
<td width=6 background="rt.jpg" style="cursor:s-resize">
</td>
<td width=6 background="right_top_1.gif" style="cursor:sw-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr height=24>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=24>
<td width=7 background="left_top_2.jpg" style="cursor:w-resize">
</td>
<td width=140 background="title_icon.jpg">
</td>
<td background="top_2.jpg">
</td>
<td width=67 background="buttons.jpg">
</td>
<td width=6 background="right_top_2.jpg" style="cursor:w-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr height=20>
<td>
<table width=100% cellspacing=0 cellpadding=0>
<tr height=20>
<td width=4 background="left.jpg" style="cursor:w-resize">
</td>
<td background="menubar.jpg" valign=top nowrap> <!-- ############################## NAVI'BAR 시작 ############################### --> <table width=100% cellspacing=0 cellpadding=0>
<tr height=20>
<td width=60 class=menu align=center onmouseover="this.style.background='#3169C6';this.style.color='white'" onmouseout="this.style.background='#EFEBDE';this.style.color='black'">
menu.
</td>
<td>
</td>
</tr>
</table> <!-- ############################## NAVI'BAR 끝 ############################### --> </td>
<td width=4 background="right.jpg" style="cursor:w-resize">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=100% height=100% cellspacing=0 cellpadding=0>
<tr>
<td width=4 background="left.jpg" style="cursor:w-resize">
</td>
<td> <!-- ############################## DIV PLANE 시작 ############################### --> <div class=div> <table cellspacing=0 cellpadding=0 width=769 height=324>
<tr height=7>
<td width=6 background="ltcross.jpg">
</td>
<td background="hbar.jpg">
</td>
<td width=6 background="rtcross.jpg">
</td>
</tr>
<tr>
<td width=6 background="vbar.jpg">
</td>
<td>
요건 style.css로 깨진 게시판이구요 http://haeill.hosting.paran.com/bbs/zboard.php?id=date 도움 좀 주세요 고수분들! 부탁드리겠습니다!