Create simple HTML page from PDS design

  • Durum: Closed
  • Ödül: $32
  • Alınan Girdiler: 6
  • Kazanan Girdiler: writingpool

Yarışma Özeti

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.

Tavsiye Edilen Beceriler

İşveren Geribildirimi

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

Profil Görüntüsü HIF277767, Thailand.

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüle

Genel Açıklama Panosu

  • aslammohd
    aslammohd
    • 4 yıl önce

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

    • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

    #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 yıl önce
    1. aslammohd
      aslammohd
      • 4 yıl önce

      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 yıl önce
    2. aslammohd
      aslammohd
      • 4 yıl önce

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

      • 4 yıl önce
  • mimij89
    mimij89
    • 4 yıl önce

    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 yıl önce
  • Gharsane
    Gharsane
    • 4 yıl önce

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

    • 4 yıl önce
  • Gharsane
    Gharsane
    • 4 yıl önce

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

    • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

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

    • 4 yıl önce
    1. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

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

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

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

      • 4 yıl önce
    2. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      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 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

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

    • 4 yıl önce
  • FireDesigner
    FireDesigner
    • 4 yıl önce

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

    • 4 yıl önce
  • aslammohd
    aslammohd
    • 4 yıl önce

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

    • 4 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

    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 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      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 yıl önce
    2. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
  • okakzai
    okakzai
    • 4 yıl önce

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

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      What is that: free_proxy_list_proxy_che.png?

      • 4 yıl önce
  • webNeat
    webNeat
    • 4 yıl önce

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

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      I cannot see any entry from you

      • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

    #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 yıl önce
    1. shemulehsan
      shemulehsan
      • 4 yıl önce

      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 yıl önce
    2. shemulehsan
      shemulehsan
      • 4 yıl önce

      I have tested all browser it,s ok.

      • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

    #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 yıl önce
  • okakzai
    okakzai
    • 4 yıl önce

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

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      So many mistakes that I even do not comment them.

      • 4 yıl önce
  • robertlopezjr
    robertlopezjr
    • 4 yıl önce

    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 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      It depends on developer's experience.

      • 4 yıl önce
    2. robertlopezjr
      robertlopezjr
      • 4 yıl önce

      check my pm

      • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

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

    • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

    #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 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

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

    • 4 yıl önce
    1. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

    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 yıl önce
    1. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
    2. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
  • HIF277767
    Yarışma Sahibi
    • 4 yıl önce

    #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 yıl önce
    1. sasi0515
      sasi0515
      • 4 yıl önce

      how can i send you the source files?

      • 4 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

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

    • 4 yıl önce
    1. shemulehsan
      shemulehsan
      • 4 yıl önce

      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 yıl önce
    2. shemulehsan
      shemulehsan
      • 4 yıl önce

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

      • 4 yıl önce
  • sasi0515
    sasi0515
    • 4 yıl önce

    could you hold on for me please...

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

      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 yıl önce
    2. sasi0515
      sasi0515
      • 4 yıl önce

      thank you

      • 4 yıl önce
  • shemulehsan
    shemulehsan
    • 4 yıl önce

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

    • 4 yıl önce
    1. HIF277767
      Yarışma Sahibi
      • 4 yıl önce

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

      • 4 yıl önce
    2. shemulehsan
      shemulehsan
      • 4 yıl önce

      thanks....

      • 4 yıl önce
  • luci2000
    luci2000
    • 4 yıl önce

    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 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Yarışmanızı ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Edin ya da Bugün Bize Katılın!