Hello everyone. I signed up to make a poll with PollDaddy and after trying out their widgets I decided to make my own. Here is the poll box design I made for myself in Photoshop ...



I have no clue how to implement this using code, because I am not a coder. I was wondering if anyone here could let me know how I could do this? I would want it to appear exactly as it looks above because its size and color scheme match that of my blog and the other elements that are already in my sidebar.

Thank you.

You'll start with a framework (just an example) like this:

<form id="mypoll" action="http://www.somewhere.com/somewhere.html" method="post">
<fieldset>
<input type="radio" name="option" value="option1">Option 1<br>
<input type="radio" name="option" value="option2">Option 2<br>
<input type="radio" name="option" value="option3">Option 3<br>
<input type="radio" name="option" value="option4">Option 4<br>
<input type="radio" name="option" value="option5">Option 5<br>
<input type="image" src="my_button.gif" id="submitpoll" name="submit">
</fieldset>
</form>

The next thing I would do is slice the Photoshop image into two images:
1. The image at the top.
2. The button.

Use the eyedropper tool to get the code for the background color. Do the same for the border color and the text color.

The next thing you will do is add CSS, which belongs in an external file that is linked to from your HTML document. This will accomplish a few things:

1. Style the border of the <fieldset> to an appropriate color.
2. Set the background color correctly.
3. Set the text color.
4. Set appropriate padding and widths for the form and its features.
5. Position the submit button to the right.
6. Make the header graphic a non-repeating background image of the form, and place it at the top. Make the padding large enough at the top so that the other elements don't spill over it.

CSS is somewhat of an involved discussion, but I recommend you start learning it! Here is a good place to get started: http://www.w3schools.com/Css/default.asp

wayfarer, thank you for taking the time to write that all out for me. Out of the dozen code forums I posted this question in I only had replies from you and one other person.

I see that this is going to be more involved than I first thought. As I said in the beginning I'm not a coder and I have no inclination to be one. I have a blog on Blogger which I've tweaked to my liking, but this is mainly due to the ease of Blogger's WYSIWYG and layout tools. Also, since my blog isn't hosted on my own server (it's hosted through Blogger) it's not possible for me to create databases or stylesheets.

I know enough about forms and polls to know that it needs to be hosted on its own dedicated server, which is why I was trying to use the free poll sites. I would love to have the knowledge to implement something like this, but unfortunately I don't.

I thank you for taking the time to help me.