Fix a html element positioning bug

  • Tình trạng: Closed
  • Giải thưởng: $15
  • Các bài thi đã nhận: 2
  • Người chiến thắng: TaifuWu

Tóm tắt cuộc thi

There are two small bugs in [url removed, login to view]:

Both problems are with the chart tooltips & circles that say 'short' and 'long'.

1. When the page loads they flick positions, from slightly lower in the chart to higher up. This looks bad. I was going to fix this by having them invisible on load and after [url removed, login to view] animation finishes fade them in. I didn't manage to do this.

2. The tooltips and circles are only in the right position when the chart is at its full width. They need to stay in position relative to the line chart. Basically If I want them at index 6 on the chart (x = 6) they should stick there on all resizes / different data.

The circles get their position from [url removed, login to view] line 51, 52 & 56,57. There should be a way to dynamically update their position according to the position of the data-point at index x.

Tooltips get position from the end of the [url removed, login to view]

Hope someone gets everything. Thanks :)

PLEASE provide a link to download the new files in your entry.

Các kĩ năng yêu cầu

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

Xem thêm bài dự thi

Bảng thông báo công khai

  • vishalmanavar
    vishalmanavar
    • cách đây 5 tháng

    Please look up the Entry #4. can you please give me brief description regarding second bug?So, i can check and fix it for you. :)

    • cách đây 5 tháng

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 thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

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