Forums

Hi Guys..
I am a newbie with this so sorry if i am asking stupid question.

I have created a form with Wufoo and now i am trying to use the form code to implement it in chronoform. But the issue is i am not able to get the css styling working. The form itself works fine.

Below is the code i am using

<?php
$doc =& JFactory::getDocument();
$doc->addStylesheet('/media/mycss/forms.css');
$doc->addStylesheet('/media/mycss/structure.css');
$doc->addStylesheet('/media/mycss/theme.css');
?> 

<img id="top" src="media/myimages/top.png" alt="" />
<div id="container">

<form id="form2" name="form2" class="wufoo topLabel" autocomplete="off"
	enctype="multipart/form-data" method="post" action="#public">

<div class="info">
	<h2>Add URL Request</h2>
	<div>Please add my link to your site before submitting the form.<br />
<br />
</div>
</div>

<ul>
		
	
<li id="foli110" 		class="   ">
	<label class="desc" id="title110" for="Field110">
		Reciprocal URL Code
			</label>
	<div>
		<input id="Field110" 			name="Field110" 			type="text" 			class="field text large" 			value="<a href="http://www.irfanfaruki.com">Technology Blog</a>" 			maxlength="255" 			tabindex="1" 						/>
			</div>
		<p class="instruct" id="instruct110"><small>Copy the code and place it exactly as shown on your website</small></p>
	</li>


<li id="foli1" 		class="   ">
	<label class="desc" id="title1" for="Field1">
		Your Name
				<span id="req_1" class="req">*</span>
			</label>
	<div>
		<input id="Field1" 			name="Field1" 			type="text" 			class="field text medium" 			value="Joe Blogs" 			maxlength="255" 			tabindex="2" 						/>
			</div>
	</li>


<li id="foli2" 		class="   ">
	<label class="desc" id="title2" for="Field2">
		Email
				<span id="req_2" class="req">*</span>
			</label>
	<div>
		<input id="Field2" 			name="Field2" 			type="text" 			class="field text medium" 			value="xyz@xyz.com" 			maxlength="255" 			tabindex="3" 			/> 
	</div>
	</li>


<li id="foli3" 		class="   ">
	<label class="desc" id="title3" for="Field3">
		Anchor Text
				<span id="req_3" class="req">*</span>
			</label>
	<div>
		<input id="Field3" 			name="Field3" 			type="text" 			class="field text medium" 			value="" 			maxlength="255" 			tabindex="4" 						/>
			</div>
	</li>


<li id="foli4" 		class="    ">
	<label class="desc" id="title4" for="Field4">
		Your Web Site
				<span id="req_4" class="req">*</span>
			</label>
	<div>
		<input id="Field4" 			name="Field4" 			type="text" 			class="field text medium" 			value="" 			maxlength="255" 			tabindex="5" 			/> 
	</div>
	</li>


<li id="foli5" 		class="    ">
	<label class="desc" id="title5" for="Field5">
		Reciprocal Link Location
				<span id="req_5" class="req">*</span>
			</label>
	<div>
		<input id="Field5" 			name="Field5" 			type="text" 			class="field text large" 			value="" 			maxlength="255" 			tabindex="6" 			/> 
	</div>
	</li>


	
	<li class="buttons">
				<input id="saveForm" class="btTxt" type="submit" value="Submit" />
			</li>

	<li style="display:none">
		<label for="comment">Do Not Fill This Out</label>
		<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
	</li>
</ul>
</form>

</div><!--container-->
<img id="bottom" src="media/myimages/bottom.png" alt="" />

Can anyone please tell me what i a doing wrong here?

Thanks
Sd

Hi sd,

do you have the CSS in the correct path ? try this:

$document->addStyleSheet(JURI::Base().'media/mycss/forms.css');

Max