Contest $75 by paypal, form/table design - CSS

Discussion in 'Design Contests' started by wheel, Oct 15, 2009.

  1. #1
    I've got a client that wants a form and table to look pretty.

    Here's the code:
    <form name="myform" id="myform">
    <table>
    <tr><th colspan=3 align=left>Life Expectancy Calculator</th></tr>
    <tr><td>Age of first person:</td><td>
    <select name="age1">
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    <option value=24>24</option>
    <option value=25>25</option>
    <option value=26>26</option>
    <option value=27>27</option>
    <option value=28>28</option>
    <option value=29>29</option>
    <option value=30>30</option>
    <option value=31>31</option>
    <option value=32>32</option>
    </select></td><td>&nbsp;</td></tr>
    
    <tr><td>Sex of first person:</td><td>
    <select name="sex1" onchange="javascript:get(document.getElementById('myform'));">
    <option value=male selected="selected">Male</option>
    <option value=female>Female</option>
    
    </select></td><td>&nbsp;</td></tr>
    
    <tr><td>Age of second person:</td><td>
    <select name="age2" onchange="javascript:get(document.getElementById('myform'));">
    <option selected="selected"></option>
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    <option value=24>24</option>
    <option value=25>25</option>
    
    <option value=26>26</option>
    <option value=27>27</option>
    <option value=28>28</option>
    <option value=29>29</option>
    <option value=30>30</option>
    <option value=31>31</option>
    <option value=32>32</option>
    <option value=33>33</option>
    <option value=34>34</option>
    </select></td><td>&nbsp;</td></tr>
    
    <tr><td>Sex of second person:</td><td>
    <select name="sex2" onchange="javascript:get(document.getElementById('myform'));">
    <option selected="selected"></option>
    <option value=male>Male</option>
    <option value=female>Female</option>
    </select></td><td>&nbsp;</td></tr>
    
    <tr><td>Mortality Improvment:</td><td>
    <select name="mortality_improvement" >
    <option value="false" selected="selected">False</option>
    <option value="true">True</option>
    </select></td><td>&nbsp;</td></tr>
    </table>
    <space/>
    <br>Your Life Expectancy is: <calculator>40</calculator> Years<br><br>
    <space/>
    <table border=1>
    <tr><th colspan=2 align=left>Survival Probability</th></tr>
    <tr><td>Your probability of survival</td><td>Is this many years</td></tr>
    <tr><td><calculator>50%</calculator>&nbsp;</td><td><calculator>7</calculator>&nbsp;</td></tr>
    <tr><td><calculator>60%</calculator>&nbsp;</td><td><calculator>8</calculator>&nbsp;</td></tr>
    <tr><td><calculator>70%</calculator>&nbsp;</td><td><calculator>10</calculator>&nbsp;</td></tr>
    <tr><td><calculator>80%</calculator>&nbsp;</td><td><calculator>12</calculator>&nbsp;</td></tr>
    <tr><td><calculator>90%</calculator>&nbsp;</td><td><calculator>15</calculator>&nbsp;</td></tr>
    </table>
    <space/>
    <table border=1>
    <tr><th colspan=2 align=left>Survival Probability</th></tr>
    <tr><td>In this many years</td><td>This is your probability of survival</td></tr>
    <tr><td><calculator>10</calculator>&nbsp;</td><td><calculator>37%</calculator>&nbsp;</td></tr>
    <tr><td><calculator>15</calculator>&nbsp;</td><td><calculator>14%</calculator>&nbsp;</td></tr>
    <tr><td><calculator>20</calculator>&nbsp;</td><td><calculator>13%</calculator>&nbsp;</td></tr>
    <tr><td><calculator>25</calculator>&nbsp;</td><td><calculator>10%</calculator>&nbsp;</td></tr>
    <tr><td><calculator>30</calculator>&nbsp;</td><td><calculator>5%</calculator>&nbsp;</td></tr>
    </table>
    </form>
    
    Code (markup):
    This will be the front end for an ajax calculator that will be cut and pasted into an existing web page.

    Criteria:
    - this will be GPL, so all full (C) must be passed to us. If you use any images, you need to be able to pass (C) to us when we pay you so that we can integrate everything in and make it available under the GPL.
    - Because it'll be available under the GPL, other site owners may take this form and table and integrate it into their site. so the end result should probably be generic enough that it looks decent across a variety of websites.
    - because of the above two criteria, I would really prefer just a snippet of CSS with some name tags added to the code, and limited use of actual images.

    Depending on the submissions received we may choose one entrant, or none (if none fit our tastes). Winning entrant, in exchange for $75US by paypal agrees to transfer all copyright and ownership to us.

    I'm not sure how best to handle this while still protecting the designer's interests. I'd really like to cut and paste the code into my browser rather than just looking at an snapshot image. If you're concerned, post an image. Alternatively if you're comfortable that I won't use your code unless I've paid for it (check my feedback here) then you can post an image here and then PM me the code if you prefer.

    Thanks!
     
    wheel, Oct 15, 2009 IP
  2. CapeMedia

    CapeMedia Peon

    Messages:
    327
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    well i won't go as far as giving you the snippet to cut and paste but would you mind if i put it on my server for you try and i will encode the script against source view?
     
    CapeMedia, Oct 15, 2009 IP
  3. wheel

    wheel Peon

    Messages:
    477
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    Whatever is fine. I don't care about access to the code prior to paying, I do care that if I can't see what the end result is going to look like(thus my concern about an image snapshot).

    if you check my previous contests, you'll see that I don't tend to screw around. I pick one I like, pay the same day, and move on. Let's not spend a lot of time worrying about me stealing someone's code.
     
    Last edited: Oct 15, 2009
    wheel, Oct 15, 2009 IP
  4. CapeMedia

    CapeMedia Peon

    Messages:
    327
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    ok when you say look pretty, what are we talking. whats the basis of the site this is going into. what type of color schemes and/or images are we talking about?
     
    CapeMedia, Oct 15, 2009 IP
  5. wheel

    wheel Peon

    Messages:
    477
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    from my op :) :
    All I got is 'grey'. That's why I'm not a designer.
     
    wheel, Oct 15, 2009 IP
  6. wheel

    wheel Peon

    Messages:
    477
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    Any comments on why no entrants? Nobody here comfortable with CSS?
     
    wheel, Oct 16, 2009 IP
  7. wheel

    wheel Peon

    Messages:
    477
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    I'm going to close this contest due to an unfortunate lack of interest.
     
    wheel, Oct 16, 2009 IP