954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Unable to apply style to div tags inside form

Hi All,
I hope my problem 'll get solved by posting my query here.
Actually I have div tag with this style.
<style type="text/css">
.Box {
display:none;
}
.Box1 {
display:none;
}
</style>

If i give the div tags directly in the jsp its working fine,,
like this <s:select label="Occupation Type" id="Workselect" name="background.workType" headerKey="1" headerValue="--Please Select--" list="#{'S':'Pursuing Education','W':'Working Professional'}" />
<div class="Box">
<s:textfield label="Organization Name" id="ON" name="background.orgName" />
</div>
<div class="Box1">
<s:textfield id="IN" label="Institute Name" id="Iname" name="background.instName" />
</div>

but if i wrap it with the form tag its not working. <s:form action="Register" method="POST" enctype="multipart/form-data">
<s:select label="Occupation Type" id="Workselect" name="background.workType" headerKey="1" headerValue="--Please Select--" list="#{'S':'Pursuing Education','W':'Working Professional'}" />
<div class="Box">
<s:textfield label="Organization Name" id="ON" name="background.orgName" />
</div>
<div class="Box1">
<s:textfield id="IN" label="Institute Name" id="Iname" name="background.instName" />
</div>
</s:form>

I donot know how to apply css for divs inside the form tag.
I want to hide the contents of div tag when placed inside the form.
How can i do that?
Appreciate any help

Thanks

kharini
Newbie Poster
1 post since Jun 2009
Reputation Points: 10
Solved Threads: 0
 
<style type="text/css">
  .Box { display:none;  }
  .Box1 { display:none; }
</style>
<s:form action="Register" method="POST"  enctype="multipart/form-data">
 <s:select label="Occupation Type" id="Workselect" name="background.workType" headerKey="1"  headerValue="--Please Select--" list="#{'S':'Pursuing Education','W':'Working Professional'}" />
 <s:textfield   class="Box" label="Organization Name" id="ON" name="background.orgName" />
 <s:textfield   class="Box1" id="IN" label="Institute Name" id="Iname" name="background.instName" />
 </s:form>


?? the code supplied is not html, check elsewhere than your inline code for other styles defining

almostbob
Posting Sensei
3,149 posts since Jan 2009
Reputation Points: 571
Solved Threads: 376
 

If a script is changing the s tags into other tags, the styles will not apply. The styles are applied at the time the page originally renders.

The s tags cause a failure to render anything inside them, because html does not have an s tag. They also throw the browser into quirks mode.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You