Ai có solution cho cái này hem ???

[phongjalvn]

http://www.m0nst3r.com/a2.png

Nhìn cái hình đó nhé :D
Lúc mặc định mình có 1 cái menu phía trên của 1 khung được bo tròn góc
Khi hover, cái menu items đổi thành màu xanh ( change background, text color)
Cái vấn đề là cái góc bo màu trắng => stupid
Ở đây có 2 vấn đề: Thứ nhất, cái menu không được bao gồm cái góc bo, vì menu và cái khung ở dưới thuộc về 2 section riêng biệt tách rời) ( Most important )

Thứ 2 là giải pháp đưa ra phải hoạt động trên IE 6,7, FF và không xài java ( CSS only )

Phần thưởng là 1 cái host 100mb đặt tại việt nam 1 năm cho ai tìm ra được solution ( thật ra mình đã fix rồi ;) )

http://m0nst3r.com/an.png

Đây là kết quả cuối cùng.
1. Cái này chỉ là 1 test case, mấy bác đừng nói change design nhá.
2. vì là test case lên ... miễn bình về mấy chi tiết lặt vặt như màu sắc hình ảnh dòm không khớp .... etc nhá

[2_lua_IT]

hô hô, sắp có host xài rồi. Sẽ dùng thuộc tính onmouseover kết hợp trên 1 section khác(section có đường bo). Đây chỉ mới là solution thôi, còn code thì có host thì paste cho pác. hehe

[phongjalvn]

hô hô, sắp có host xài rồi. Sẽ dùng thuộc tính onmouseover kết hợp trên 1 section khác(section có đường bo). Đây chỉ mới là solution thôi, còn code thì có host thì paste cho pác. hehe

Đã nói là no java mà mouseover gì hả bác ;)
Nhưng nói chung cứ có code đi, người nào có code đầu tiên add liền ;)
Thông tin Host:
100mb storage, 10gb BW
1 mysql database
1 fpt account
Khuyến mãi: Setup luôn cả google app sẵn cho bác ( mail.jt-vn.com check it out) hehe, thử đi ;)

[2_lua_IT]

Pác check thử xem : http://boomba2086.110mb.com/ddth/html_css/menu_bo/menu.html

Haha, co host xài, dùng host free ngại we. Thanks nha Phọngalvn. hehe

[=========> Bổ sung bài viết <=========]

@Phongjalvn : biến đâu rồi. Trốn rồi à ? Host của em đâu pác ? hehe

[phongjalvn]

http://www.jt-vn.com/blog/wp-content/2008/04/bug.jpg IE7 ;)
Cách của 2lua gần đúng rồi, bỏ thêm chút thời gian fix bug thôi, ;)
P/S: Mấy hôm nay đang chạy dự án, ít lên ;)
Ráng lên bác, sắp hết tháng rồi
Nhưng mà thật sự nhé: Cách này chỉ fix bug tạm thôi, ;) không phải là cách khả thi cho lắm, vì thực tế cái menu đó được generate tự động trong code php back end, và code thì ... không generate được cái menu items đầu tiên ( do xài framework để build )
Thật ra còn 1 cách khác đơn giản hơn nhiều, để xem ... so với code của 1 menu bình thường thì chỉ hơn khoảng ... 2 dòng thôi ;)

[2_lua_IT]

Khakha, Bug thì fix dễ thôi mà. Chẳng có vấn đề gì. Chuyện nhỏ thôi. Bác check lại thử xem. link đây pác : http://boomba2086.110mb.com/ddth/html_css/menu_bo/menu.html

Giờ đến phiên tui hỏi nhá, sẽ mở rộng tiếp problem của pác : trong trường hợp này thì khi active thì height của link chỉ 24px, khi hover thì 34px. Pác có cách nào khi hover thì link vẫn có height chỉ 24px mà vẫn che được đường bo bên dưới. Pác fix được thì host đó xem như của pác, còn pác nào fix được thì xứng đáng có nó. hehe. Cố lên các pác, lụm host của pác Phongjalvn khó quá.

[phongjalvn]

;) Vậy mình nói nghen : Solution của mình đơn giản hơn nhiều, không cần thiết phải change độ cao của menu như vậy, rất bất tiện. Và quan trọng nhất là cách mình không cần change cấu trúc file html 1 dòng nào hết, bình thường như 1 file html slice normal, sau đó thêm 2-3 dòng trong CSS là fix xong rồi ;)
Chờ xem có ai có giải pháp là khác không, competition mà ;)

[2_lua_IT]

Cách của tui có thay đổi cấu trúc html j đâu. Mà thôi, tui cũng muốn biết solution của mọi người và của pác thế nào.

[cuongrighteous]

Thêm cái border-bottom:20px (màu xanh như trên) vào cái li a:hover

[phongjalvn]

Bác 2 lúa liên lạc mình để mình add host nhé

[2_lua_IT]

Thiệt hả pác phongjalvn, thanks nhá.

[michaelphan]

chúc mừng bác 2_lua_IT sau những cố gắng giúp đỡ các mem đã có nhà riêng cho mình. Goodluck!