너무 초보라 답답해서 이곳에 도움 요청합니다.
아래 소스를 최대한 간단하게 첨부합니다.(30줄)
--- 이 소스는 영문 웹싸이트를 복사해서 사용하다 보니까, 나름대로 체계를 만들지 못하고 있는 소스를 짜깁기 할 수 밖에 없는 실정임을 이해해 주십시요...
[질문]
폼내부의 fieldset를 정의할 때,
.region5wrap fieldset {padding:20px;}
은
#input_a fieldset {padding:20px;}
혹은
.region5wrap #input_a fieldset {padding:20px;}
과 동일한 결과를 보여줍니다.
그런데 왜
.region5wrap {border-width:10px;border-color:#ff0000;}
를
#input_a {border-width:10px;border-color:#ff0000;}
혹은
.region5wrap #input_a {border-width:10px;border-color:#ff0000;}
으로 고치면 반응하지 않는거죠?
########################################
[질문2]
첨부되는 CSS파일에
input[type="text"],input[type="password"]{background-color:#cccccc;...}
위와 같이, 페이지 전체에 대한 타입정의가 되어 있습니다.
아마도 제가 확인하지 못한 다른 페이지에선 이를 바탕으로 개체의 디자인이 보이겠죠^^
그러나, 저는 아래 소스페이지와 같은 특정페이지는 위 CSS를 첨부하되, 정의에 영향을 받지 않게 하고자 합니다.
즉, 위에 일괄정의된 background-color:#cccccc;를 전혀 건들지 않는다는 거죠...
예를들어,
#input_a form input.id {ime-mode:inactive;}
와 같이 다른 속성만 건드리는 겁니다.
실제 이와같이 하면, 약간회색바탕에 영문입력모드로 설정되더군요...
제가 원하는 것은 흰색바탕(영향없는) 입니다.
그러나, 별도로
#input_a form input.id {ime-mode:inactive;background-color:#ffffff;}
이런 중복정의는 싫고,
#input_a form input.id {ime-mode:inactive;}
만 정의하되, 내부 어디선가의 정의로,
첨부된 css내의 공통명령이 영향을 받지 않게 하고자 하는 겁니다.
방법이 잇을까요?
아래는 소스를 줄여보았습니다.
###########################################################################
<body>
<div class="main-wrapper">
<!--#include file = "default_header.asp" -->
<div class="region5wrap">
<div id="input_a">
<form name="form" method="post" onsubmit="return go_submit(this);">
<input type=hidden name="hDUP_UID" value = "N">
<fieldset><legend>필수입력 항목</legend>
<table id="t_input_1">
<tr>
<th>아이디</th>
<td><input name="edUID" type="text" class="addr_yes1111"></td>
</tr>
<tr>
<th>이름</th>
<td><input name="edUNM_F" type="text" class="name"></td>
</tr>
</table>
</fieldset>
</p>
<fieldset><legend>선택입력 항목</legend>
<table id="t_input_2">
<tr>
<th>일반전화</th>
<td><input name="edTEL_NO" type="tel" class="phone"></td>
</tr>
</table>
</fieldset>
<div class="clear"></div>
<div id="buttons">
<input name="btnSUBMIT" type="button" value="신청" onclick="javascript:go_submit();" class="submit"><input name="btnCANCEL" type="button" value="취소" onclick="javascript:history.back();" class="cancel">
</div>
</form>
</div>
</div>
<!--#include file = "default_footer.asp" -->
</div>
</body>
아래 소스를 최대한 간단하게 첨부합니다.(30줄)
--- 이 소스는 영문 웹싸이트를 복사해서 사용하다 보니까, 나름대로 체계를 만들지 못하고 있는 소스를 짜깁기 할 수 밖에 없는 실정임을 이해해 주십시요...
[질문]
폼내부의 fieldset를 정의할 때,
.region5wrap fieldset {padding:20px;}
은
#input_a fieldset {padding:20px;}
혹은
.region5wrap #input_a fieldset {padding:20px;}
과 동일한 결과를 보여줍니다.
그런데 왜
.region5wrap {border-width:10px;border-color:#ff0000;}
를
#input_a {border-width:10px;border-color:#ff0000;}
혹은
.region5wrap #input_a {border-width:10px;border-color:#ff0000;}
으로 고치면 반응하지 않는거죠?
########################################
[질문2]
첨부되는 CSS파일에
input[type="text"],input[type="password"]{background-color:#cccccc;...}
위와 같이, 페이지 전체에 대한 타입정의가 되어 있습니다.
아마도 제가 확인하지 못한 다른 페이지에선 이를 바탕으로 개체의 디자인이 보이겠죠^^
그러나, 저는 아래 소스페이지와 같은 특정페이지는 위 CSS를 첨부하되, 정의에 영향을 받지 않게 하고자 합니다.
즉, 위에 일괄정의된 background-color:#cccccc;를 전혀 건들지 않는다는 거죠...
예를들어,
#input_a form input.id {ime-mode:inactive;}
와 같이 다른 속성만 건드리는 겁니다.
실제 이와같이 하면, 약간회색바탕에 영문입력모드로 설정되더군요...
제가 원하는 것은 흰색바탕(영향없는) 입니다.
그러나, 별도로
#input_a form input.id {ime-mode:inactive;background-color:#ffffff;}
이런 중복정의는 싫고,
#input_a form input.id {ime-mode:inactive;}
만 정의하되, 내부 어디선가의 정의로,
첨부된 css내의 공통명령이 영향을 받지 않게 하고자 하는 겁니다.
방법이 잇을까요?
아래는 소스를 줄여보았습니다.
###########################################################################
<body>
<div class="main-wrapper">
<!--#include file = "default_header.asp" -->
<div class="region5wrap">
<div id="input_a">
<form name="form" method="post" onsubmit="return go_submit(this);">
<input type=hidden name="hDUP_UID" value = "N">
<fieldset><legend>필수입력 항목</legend>
<table id="t_input_1">
<tr>
<th>아이디</th>
<td><input name="edUID" type="text" class="addr_yes1111"></td>
</tr>
<tr>
<th>이름</th>
<td><input name="edUNM_F" type="text" class="name"></td>
</tr>
</table>
</fieldset>
</p>
<fieldset><legend>선택입력 항목</legend>
<table id="t_input_2">
<tr>
<th>일반전화</th>
<td><input name="edTEL_NO" type="tel" class="phone"></td>
</tr>
</table>
</fieldset>
<div class="clear"></div>
<div id="buttons">
<input name="btnSUBMIT" type="button" value="신청" onclick="javascript:go_submit();" class="submit"><input name="btnCANCEL" type="button" value="취소" onclick="javascript:history.back();" class="cancel">
</div>
</form>
</div>
</div>
<!--#include file = "default_footer.asp" -->
</div>
</body>