Need to format HTML code (body)

[drslim2]

I need to format this html shopping cart script code so it blends in with my website theme / colours. Having formatted the code with class= (for Netobjects software), what tags do I need to use for Xara?

Also, my current website structure is www.domain.com/html/pagename.html
I have tried to add /html/newpagename.html to Xara but it does not accept / .
Can this be done to emulate my original website structure?

<form action=http://www.romancart.com/cart.asp method=post>
<input type=hidden name=itemcode value='SN099'>
<input type=hidden name=storeid value=29016>
<input type=hidden name=mustbuy value=no>
<input type=hidden name=include value=on>

<TR ALIGN="left" VALIGN="middle">
<TH class="Prices1">1 tub: £<SCRIPT LANGUAGE="JavaScript" SRC="http://remote.romancart.com/data.asp?storeid=29016&itemcode=SN099&type=1"></script>
<br>2+ tubs: £<SCRIPT LANGUAGE="JavaScript">document.write(roc_rdd_qp1_S N099);</SCRIPT> each</TH>
<TH class="Prices1"><CENTER><select size="1" name="quantity" class="PricesDropDown">
<option value="0">Select Qty</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></CENTER></TH>
<TH class="Prices1"><CENTER><span class="OutOfStock"><SCRIPT LANGUAGE="JavaScript" SRC="http://remote.romancart.com/data.asp?storeid=29016&itemcode=SN099&type=2"></script></span></CENTER></TH>
<TH class="Prices1"><CENTER><input type="submit" value="Buy Now"><br><script language="JavaScript">document.write(roc_rdd_email me_SN099);</script></CENTER></TH>
</TR>


</form></table>

[ShapeShifter]

You'll need to create custom CSS styles for the form object elements and place the script in the head section of the page where the form elements appear.
Help here: http://www.sitepoint.com/style-web-forms-css/

[drslim2]

Thanks, any ideas on the website pages in the /html/ directory?
The index.html page is fine but all other are in the www.domainname.com/html/ directory.

[ShapeShifter]

Nope. Xara can't export or develop a site structure like this from one .web file because it's not a HTML editor. You will need different software.

[drslim2]

You'll need to create custom CSS styles for the form object elements and place the script in the head section of the page where the form elements appear.
Help here: http://www.sitepoint.com/style-web-forms-css/

You'll need to create custom CSS styles for the form object elements and place the script in the head section of the page where the form elements appear.
Help here: http://www.sitepoint.com/style-web-forms-css/

Hi Shapeshifter,
I am having problems with the css setup. I managed to change the select & text-area background-colour as these are standard names but cannot work out how to rename my current areas for change (eg class="Prices1"). Need to change the colours, font size etc.
Can someone please make the changes to my above cart script and update the css?
Much appreciated.
What I have so far..

<STYLE TYPE="text/css">
<!-

input {
&nbsp;background-color: #666699;
}

select {
background-color: #666699;
color: #ffffff;
}

textarea {
background-color: #666699;
color: #ffffff;
}

->
</STYLE>

[ShapeShifter]

You will have to add your text as standard markup in a placeholder object in order to add your css class.

As I said, Xara Web Designer is not a HTML editor, it generates HTML from your graphic design, so you need to think differently.

[ShapeShifter]

Attached is an example (working) of how I might do it.
Perhaps this could be something for you to follow?


Just open the file in Web Designer or Designer Pro and preview it to see it working.
Details in the file.

[drslim2]

Hi Shapeshifter. Sorry but I missed your post until now. Much appreciated.