Create simple HTML page from PDS design

  • Status: Closed
  • Prize: $32
  • Entries Received: 18
  • Winner: writingpool

Contest Brief

Requirements:
* You need to create HTML page from simple PSD design.
* You are not allowed to use table tag at all (only div tags).
* Text data must be logically spread between h1-h3, p, ul and other tags.
* The page width could be min 790 and max 1010 pixels.
* Left side menu has fixed width 230 pixels, right side column - 50 pixels.
* All table's columns should have % width.
* Scroll bar's elevator should have 'position:absolute'.
* The table must have 'position:relative' and its rows 'position:absolute'.
* The page must be displayed correctly in: Firefox, Chrome, Opera, Safari.
* I need IE6 support with exception of transparent PNG files.
* All textual data must remain textual (including title)

Instructions:
* You do NOT create any JS code, only HTML!
* The zip archive's password is written on screenshot.
* The winner will get another project for 3 pages!

Screenshot:
* [url removed, login to view]

HOW TO SUBMIT HTML:
* Please submit screen shot of partial HTML code.
* Upload zip with HTML to file hosting ([url removed, login to view], [url removed, login to view], etc).
* Submit link to your HTML via message or clarification board.

SUGGESTIONS:
Section title: [url removed, login to view]
Splitter line: [url removed, login to view]
Header banner: [url removed, login to view]

P.S. I personally created that HTML page, this is just a test. I need HTML developer for other ongoing projects.

Recommended Skills

Employer Feedback

“The best freelancer you may find on the market. She is always ready to update her work until employeer\'s full satisfaction. Highly recommend her!”

Profile image HIF277767, Thailand.

Top entries from this contest

View More Entries

Public Clarification Board

  • aslammohd
    aslammohd
    • 3 years ago

    #18... please check PM.. I have give you a updated html file download link with IE6 fix...

    • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #18 Your HTML code is good but your CSS has issues even with IE7. As for IE6, I guess you have not even checked it: http://screencast.com/t/gw3T5SH4Whax If you are ready to fix those bugs then I can select you as a winner.

    • 3 years ago
    1. aslammohd
      aslammohd
      • 3 years ago

      i never check this on IE6 bcoz i don't have IE6. but I m ready to fix this bug.. I need some time to fix it..

      • 3 years ago
    2. aslammohd
      aslammohd
      • 3 years ago

      #18... please check PM.. I have give you a updated html file download link with IE6 fix...

      • 3 years ago
  • mimij89
    mimij89
    • 3 years ago

    hello.i fined this contest let but am able to finish. i can't win this project but you may like considering my work. this my link:

    http://download1472.mediafire.com/gzu2y4865mkg/pb4w3q3blqk1nxg/index.ZIP

    thanks for the chance.

    • 3 years ago
  • Gharsane
    Gharsane
    • 3 years ago

    Review #13 : http://rapidshare.com/files/631131002/index.zip

    • 3 years ago
  • Gharsane
    Gharsane
    • 3 years ago

    plz provide feedback on #13. thanks
    http://rapidshare.com/files/358001622/contest.zip ------------------- plz check this.

    • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #19 It was said - you cannot use table tag. Plus it still have mistakes even in IE7...

    • 3 years ago
    1. shemulehsan
      shemulehsan
      • 3 years ago

      http://www.mediafire.com/download/85bsvrmzbbabcyo/contest_contact.zip Please check this .

      • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #14 The design is not the same as on PSD file. Serious issues in IE6

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      You cannot, with table this work could be done in 30 min (no doubt) with including IE5 support

      • 3 years ago
    2. HIF277767
      Contest Holder
      • 3 years ago

      As for compatibility, I personally have latest version of all 5 browsers installed on my PC. As for IE6 - I use virtual machine with Windows XP but you may try to find portable IE6. I can share IE7 portable but I do not have IE6.

      • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    Please check this out #19 Here i have given download link.

    • 3 years ago
  • FireDesigner
    FireDesigner
    • 3 years ago

    i like #15...........

    • 3 years ago
  • aslammohd
    aslammohd
    • 3 years ago

    Kindly check #18.. HTML file link is http://www.mediafire.com/?b5asdanla24bl4i

    • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    Use this http://www.mediafire.com/download/4qepstal77cv2cc/contest_contact33.zip and give me feedback you have seen.....I have tested all browser it,s ok. particularly IE6.

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      One example: bar.png why do you have 3 pixel wide transparent margin?
      The design width is fixed, it should be 'min 790 and max 1010 pixels'

      • 3 years ago
    2. shemulehsan
      shemulehsan
      • 3 years ago

      ok i am changing bar with css. width is ok or not please tell me.

      • 3 years ago
  • okakzai
    okakzai
    • 3 years ago

    Kindly check #17, HTML file at http://www.mediafire.com/?jokkt6d53d7ac16. Thanks.

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      What is that: free_proxy_list_proxy_che.png?

      • 3 years ago
  • webNeat
    webNeat
    • 3 years ago

    I will make this page, Please wait for my entry. Thanks

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      I cannot see any entry from you

      • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #10 Too many elements are converted to PNG images (which can be done with CSS). There are unnecessary space around them. You have not implemented this: * The page width could be min 790 and max 1010 pixels.

    • 3 years ago
    1. shemulehsan
      shemulehsan
      • 3 years ago

      Please don,t use above link Use this http://www.mediafire.com/download/4qepstal77cv2cc/contest_contact33.zip and give me feedback you have seen.....

      • 3 years ago
    2. shemulehsan
      shemulehsan
      • 3 years ago

      I have tested all browser it,s ok.

      • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #12 At least someone did HTML correctly. As I can see your page have no issues in latest versions Chrome, Firefox, Safari and IE. I have not tested with Opera yet. We have issues with IE6, did you tested page it on your end? Do you want me to send you a screen shot?

    • 3 years ago
  • okakzai
    okakzai
    • 3 years ago

    Please, see my entry #16. HTML file can be downloaded at http://www.mediafire.com/?12u774gkkwjdck7. Thanks.

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      So many mistakes that I even do not comment them.

      • 3 years ago
  • robertlopezjr
    robertlopezjr
    • 3 years ago

    it looks like the attached PSD is not the same on the above requirement. for example on the left column it should be fixed in 230px but on the actual PSD its only 217px. that means we still need to adjust the background image, same in the right column.
    and the center is much wider, the image on the top and bottom needs to be adjusted as well

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      It depends on developer's experience.

      • 3 years ago
    2. robertlopezjr
      robertlopezjr
      • 3 years ago

      check my pm

      • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #11 Please send me sources (to test under IE6)

    • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #7 Your version has issues under IE6: two orange arrows for horizontal divider line is not in place. The background gradient for menu is wrong. You have not fixed the IE6 issue with min-width (it does not support it).

    • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    I have completed my work I wanna show this you...Please visit to #10 There i have given download link.

    • 3 years ago
    1. shemulehsan
      shemulehsan
      • 3 years ago

      I am waiting for your feedback.........

      • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    I have completely done 50% work Please check out this ..... http://www.mediafire.com/download/85bsvrmzbbabcyo/contest_contact.zip. when you will tell me i am going to right direction I will start work and within next 24 hours i will provide you all the file......I am waiting for your feedback........

    • 3 years ago
    1. shemulehsan
      shemulehsan
      • 3 years ago

      I have completed 70% work within 7 to 8 hours i will submit my work .

      • 3 years ago
    2. shemulehsan
      shemulehsan
      • 3 years ago

      I have completed 90% work Please wait from me within 6 hours i will submit my work........

      • 3 years ago
  • HIF277767
    Contest Holder
    • 3 years ago

    #6 I need sources, please upload. I added font files to project.
    1) Use 'Century Gothic' font for all text
    2) Reduce space between menu elements
    3) Add left and bottom margin to menu
    4) You are missing top border for 'Server Stats'
    5) Your scroll bar is not correct, check source design
    6) I uploaded animated 'loading' gif
    7) The scroll bar's elevator should remain same size
    8) 'Download' and 'Recheck' buttons look different
    9) There is missing shadow in menu and right column
    Suggestions how to implement:
    Section title: http://screencast.com/t/4sDU9P1s
    Splitter line: http://screencast.com/t/6hpxpGAZwbbn
    Header banner: http://screencast.com/t/xX5poya08

    • 3 years ago
    1. sasi0515
      sasi0515
      • 3 years ago

      how can i send you the source files?

      • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    Please check #3 I am waiting for your feedback........

    • 3 years ago
    1. shemulehsan
      shemulehsan
      • 3 years ago

      when you will tell me i am going to right direction I will start work and within next 24 hours i will provide you all the file......

      • 3 years ago
    2. shemulehsan
      shemulehsan
      • 3 years ago

      I am waiting for your feedback........

      • 3 years ago
  • sasi0515
    sasi0515
    • 3 years ago

    could you hold on for me please...

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      You have 12 hours to provide your entry (please do not use automatic PSD to HTML converter).
      If you be unable to submit on time then you can upload what you will have by that time.

      • 3 years ago
    2. sasi0515
      sasi0515
      • 3 years ago

      thank you

      • 3 years ago
  • shemulehsan
    shemulehsan
    • 3 years ago

    I will provide you responsive html and css coding........Please wait for me......

    • 3 years ago
    1. HIF277767
      Contest Holder
      • 3 years ago

      I guarantee that winner will not be selected in 12 hours.

      • 3 years ago
    2. shemulehsan
      shemulehsan
      • 3 years ago

      thanks....

      • 3 years ago
  • luci2000
    luci2000
    • 3 years ago

    Where do you want to alignment the main class? Left or center?. if I create html exactly as psd with clea HTML code and someone else crate same who will win'?

    • 3 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!