HTML problem...

Permabanned
Joined
28 Feb 2006
Posts
1,604
HTML problem... With code and screenshots!

Right guys

Its a "contact us " page... and I want there to be three aerial buttons so you just click/choose the option, then it will submit at the end.

Well here is my code, but it is not actually sending back....basically needs the user to choose one out of the 3 aerial buttons, and click submit and send. - I think the lines need "reviewing/defining cheers!!!!!

<input type="hidden" name="response:subject" value="viviente">
<p align="left"><font face="Arial"><span style="font-size: 8pt">T</span></font><font face="Arial" style="font-size: 8pt">Thank you for your interest. Please tell us how you
would like to be contacted;<br>
<br>
<input name="Radio1" type="radio" checked="checked" value="V1" checked name="response:Q1">&nbsp; Please email

me further information.</font><p align="left">

<input name="Radio1" type="radio" value="V2" checked name="response Q1:">&nbsp;<font face="Arial" style="font-size: 8pt"><span style="font-family: Arial"> Please

call me for an informal chat.</span></font><p align="left">

<font face="Arial" size="1"><span style="font-size: 8pt">

<input name="Radio1" type="radio" value="V3" checked name="response:Q1"> </span></font>

<font face="Arial" style="font-size: 8pt">&nbsp;<span style="font-family: Arial">I

would like to arrange a meeting with Viviente.</span></font><p align="left">
<br>
<br>
</span></font><p align="left">

If it can be sorted much appreciated ! :)
 
Last edited:
Now this is a perfect example of why you NEVER rely on a progam like Dreamweaver to write code for you! *Always use code view* and write, or at least refine, the HTML yourself!

I'm going to moan about the code :p I'm not moaning at you, I'm just pointing out what's up with it.


Code:
<input type="hidden" name="response:subject" value="viviente">

Hidden field, no problem here.


Code:
<p align="left"><font face="Arial"><span style="font-size: 8pt">T</span></font><font face="Arial" style="font-size: 8pt">Thank you for your interest. Please tell us how you
would like to be contacted;<br>

Uhm, what? Why? lol. A mixure of <span> <font> <p> ... it's unnecessary! You can do all this formatting in one tag!


Code:
<br>
<input name="Radio1" type="radio" checked="checked" value="V1" checked name="response:Q1">&nbsp; Please email

me further information.</font><p align="left">

What's with the random newlines? Why are there two names for this field (Radio1 and response:Q1)? Also, why does it say checked three times?


Code:
<input name="Radio1" type="radio" value="V2" checked name="response Q1:">&nbsp;<font face="Arial" style="font-size: 8pt"><span style="font-family: Arial"> Please

call me for an informal chat.</span></font><p align="left">


checked..? do you want this one checked, too? why is the font tag closed and opened again with the same formatting - why not just keep one tag open over the whole chunk of code? Also, more random line breaks! It goes on... see all the problems here, unecesarry SPANS, &nbsp;'s and FONT tags...


Code:
<font face="Arial" size="1"><span style="font-size: 8pt">

<input name="Radio1" type="radio" value="V3" checked name="response:Q1"> </span></font>

<font face="Arial" style="font-size: 8pt">&nbsp;<span style="font-family: Arial">I

would like to arrange a meeting with Viviente.</span></font><p align="left">
<br>
<br>
</span></font><p align="left">


Now look at this code - it does the same thing, but how much tidier!

Code:
<input type="hidden" name="response:subject" value="viviente">
<div style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;">
	Thank you for your interest. Please tell us how you would like to be contacted;
	<br><br>
	<input type="radio" checked="checked" value="V1" name="response:Q1">
	Please email me further information.
	<br><br>
	<input type="radio" value="V2" name="response Q1:">
	Please call me for an informal chat.
	<br><br>
	<input type="radio" value="V3" name="response:Q1">
	I would like to arrange a meeting with Viviente.
	<br><br>
</div>

I'm glad you posted that though :) It's a great example of why not to rely on WYSIWYG editors.

Not sure if this will fix your problem though - the trouble could be elsewhere in the form or even in the script that actually sends the emails!
 
Cuchulain said:
To be fair, Dreamweaver doesn't **** up code formatting THAT badly.


Work experiance is using Microsoft Expression :p

Pretty much put the following in,but now the aerial buttons allow 2 to be selected..when only one is needed
<input type="hidden" name="response:subject" value="viviente">
<div style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;">
Thank you for your interest. Please tell us how you would like to be contacted;
<br><br>
<input type="radio" checked="checked" value="V1" name="response:Q1">
Please email me further information.
<br><br>
<input type="radio" value="V2" name="response Q1:">
Please call me for an informal chat.
<br><br>
<input type="radio" value="V3" name="response:Q1">
I would like to arrange a meeting with Viviente.
</div>
 
Cuchulain said:
To be fair, Dreamweaver doesn't **** up code formatting THAT badly.
lol yeah true, that is some pretty bad abuse of HTML isn't it :p

I can't guarantee it'll sort it out - but if it doesn't sort it out, then your problem is probably elsewhere!

edit; Microsoft Expression? *note to self: MS Expression can't code*

Not sure why lines are coming in yellow, it should be fine..? :confused:
 
Furnace, that I think is fine now , just expression being stupid,

But it wont allow just one aerial button to be clicked, it does 2 :( - Pretty forceful.

Do you want a screenshot? - Dont worry about the images and the form content - On different computer just got single contact us page.



And here is the expression code:

 
Last edited:
hehe :p sorry I didn't reply - I went out.

Personally I try to avoid colons and special characters in name values :)
 
Back
Top Bottom