Create simple HTML page from PDS design

  • Status: Closed
  • Hadiah: $32
  • Penyertaan diterima: 6
  • Pemenang: writingpool

Keterangan Peraduan

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.

Kemahiran-kemahiran Cadangan

Maklum balas Majikan

“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!”

Gambar Profil HIF277767, Thailand.

Penyertaan teratas dari peraduan ini

Lihat Penyertaan Lain

Papan Penerangan Awam

  • aslammohd
    aslammohd
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

    #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.

    • 4 tahun yang lalu
    1. aslammohd
      aslammohd
      • 4 tahun yang lalu

      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..

      • 4 tahun yang lalu
    2. aslammohd
      aslammohd
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • mimij89
    mimij89
    • 4 tahun yang lalu

    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.

    • 4 tahun yang lalu
  • Gharsane
    Gharsane
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • Gharsane
    Gharsane
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
    2. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      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.

      • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • FireDesigner
    FireDesigner
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • aslammohd
    aslammohd
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

    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.

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      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'

      • 4 tahun yang lalu
    2. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • okakzai
    okakzai
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      What is that: free_proxy_list_proxy_che.png?

      • 4 tahun yang lalu
  • webNeat
    webNeat
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      I cannot see any entry from you

      • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

    #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.

    • 4 tahun yang lalu
    1. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
    2. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

      I have tested all browser it,s ok.

      • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

    #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?

    • 4 tahun yang lalu
  • okakzai
    okakzai
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      So many mistakes that I even do not comment them.

      • 4 tahun yang lalu
  • robertlopezjr
    robertlopezjr
    • 4 tahun yang lalu

    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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      It depends on developer's experience.

      • 4 tahun yang lalu
    2. robertlopezjr
      robertlopezjr
      • 4 tahun yang lalu

      check my pm

      • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

    #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).

    • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

    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........

    • 4 tahun yang lalu
    1. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
    2. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • HIF277767
    Pemegang Peraduan
    • 4 tahun yang lalu

    #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

    • 4 tahun yang lalu
    1. sasi0515
      sasi0515
      • 4 tahun yang lalu

      how can i send you the source files?

      • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

      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......

      • 4 tahun yang lalu
    2. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
  • sasi0515
    sasi0515
    • 4 tahun yang lalu

    could you hold on for me please...

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

      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.

      • 4 tahun yang lalu
    2. sasi0515
      sasi0515
      • 4 tahun yang lalu

      thank you

      • 4 tahun yang lalu
  • shemulehsan
    shemulehsan
    • 4 tahun yang lalu

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

    • 4 tahun yang lalu
    1. HIF277767
      Pemegang Peraduan
      • 4 tahun yang lalu

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

      • 4 tahun yang lalu
    2. shemulehsan
      shemulehsan
      • 4 tahun yang lalu

      thanks....

      • 4 tahun yang lalu
  • luci2000
    luci2000
    • 4 tahun yang lalu

    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'?

    • 4 tahun yang lalu

Tunjukkan lebih banyak komen

Bagaimana mula dengan peraduan

  • Papar peraduan anda

    Papar Peraduan Anda Cepat dan senang

  • Dapatkan bertan-tan penyertaan

    Dapatkan Bertan-tan Penyertaan Dari seluruh dunia

  • Anugerahkan penyertaan terbaik

    Anugerahkan penyertaan terbaik Muat turun fail-fail - Senang!

Papar Peraduan Sekarang atau Sertai kami Hari Ini!