Create simple HTML page from PDS design

  • Trạng thái: Closed
  • Giải thưởng: $32
  • Các bài thi đã nhận: 6
  • Người thắng cuộc: writingpool

Tóm tắt cuộc thi

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.

Các kĩ năng được đề xuất

Phản hồi của người thuê

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

Hình ảnh hồ sơ HIF277767, Thailand.

Những bài dự thi tốt nhất dự cuộc thi này

Xem nhiều bài dự thi hơn

Bảng thông tin công khai

  • aslammohd
    aslammohd
    • cách đây 4 năm

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

    • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. aslammohd
      aslammohd
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. aslammohd
      aslammohd
      • cách đây 4 năm

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

      • cách đây 4 năm
  • mimij89
    mimij89
    • cách đây 4 năm

    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.

    • cách đây 4 năm
  • Gharsane
    Gharsane
    • cách đây 4 năm

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

    • cách đây 4 năm
  • Gharsane
    Gharsane
    • cách đây 4 năm

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

    • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      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.

      • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

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

    • cách đây 4 năm
  • FireDesigner
    FireDesigner
    • cách đây 4 năm

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

    • cách đây 4 năm
  • aslammohd
    aslammohd
    • cách đây 4 năm

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

    • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

    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.

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      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'

      • cách đây 4 năm
    2. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
  • okakzai
    okakzai
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      What is that: free_proxy_list_proxy_che.png?

      • cách đây 4 năm
  • webNeat
    webNeat
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      I cannot see any entry from you

      • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. shemulehsan
      shemulehsan
      • cách đây 4 năm

      I have tested all browser it,s ok.

      • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
  • okakzai
    okakzai
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      So many mistakes that I even do not comment them.

      • cách đây 4 năm
  • robertlopezjr
    robertlopezjr
    • cách đây 4 năm

    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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      It depends on developer's experience.

      • cách đây 4 năm
    2. robertlopezjr
      robertlopezjr
      • cách đây 4 năm

      check my pm

      • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

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

    • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
  • HIF277767
    Người tổ chức Cuộc thi
    • cách đây 4 năm

    #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

    • cách đây 4 năm
    1. sasi0515
      sasi0515
      • cách đây 4 năm

      how can i send you the source files?

      • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. shemulehsan
      shemulehsan
      • cách đây 4 năm

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

      • cách đây 4 năm
  • sasi0515
    sasi0515
    • cách đây 4 năm

    could you hold on for me please...

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

      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.

      • cách đây 4 năm
    2. sasi0515
      sasi0515
      • cách đây 4 năm

      thank you

      • cách đây 4 năm
  • shemulehsan
    shemulehsan
    • cách đây 4 năm

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

    • cách đây 4 năm
    1. HIF277767
      Người tổ chức Cuộc thi
      • cách đây 4 năm

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

      • cách đây 4 năm
    2. shemulehsan
      shemulehsan
      • cách đây 4 năm

      thanks....

      • cách đây 4 năm
  • luci2000
    luci2000
    • cách đây 4 năm

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

    • cách đây 4 năm

Xem thêm các bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng Cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài dự thi tốt nhất

    Trao giải cho bài dự thi tốt nhất Download File - Đơn giản!

Đăng một cuộc thi ngay bây giờ hoặc tham gia với chúng tôi ngay hôm nay!