http://vedetteclub.com/ Khi di chuột vào ảnh sẽ hiển thị vùng mầu tím, vùng đó đang bị lấn quá sang trái, trên. Chỉnh giúp mình với. Tks all Đoạn code của nó đây jshop_list_product .product .prod-info { background-color: #5e138b; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; padding: 40px; position: absolute; height: 100%; width: 100%; overflow: hidden;
Nó kg phải sửa ở đoạn đó đâu bạn mà là trên nó một hàng ở chổ padding: 20px; bạn sửa lại thành padding: 0px; là OK. Cụ thể như vầy nè: .jshop_list_product .image_block { height: 100%; margin-bottom: 10px; overflow: hidden; padding: 0px; (LÀ CHỔ NẦY NÈ!) } .jshop_list_product .product .prod-info { -moz-box-sizing: border-box; background-color: #5E138B; color: #FFFFFF; height: 100%; overflow: hidden; padding: 40px; position: absolute; width: 100%; }
Chào bạn, Ý của mình thì như sau .jshop_list_product .product .prod-info { background-color: #5e138b; box-sizing: border-box; color: #fff; height: 100%; margin: 20px; overflow: hidden; padding: 40px; position: absolute; width: auto; }
Sao bạn khg làm thử như mình coi nó có được khg.Mình đã tải bộ nguồn trang web của bạn về máy sửa lại thấy OK mới dám chỉ bạn đấy chứ.
Nè trang web của bạn đã sửa lại nè xem có đúng ý bạn khg. (Sao mình khg thấy nút file đính kèm đâu thế nhêỳ?)
.jshop_list_product .product .prod-info { background-color: #5E138B; box-sizing: border-box; color: #FFF; padding: 40px; position: absolute; height: 90%; width: 90%; overflow: hidden; margin: 20px 0px 0px 20px;} bạn sửa lại thế này là được
tks all, dùng của bạn bachcap là đúng ý mình nhất của bạn rebel123 thì ảnh lại sát nhau như default, mình muốn tách ra 1 chút thuộc tính margin nếu chỉ để 1 mô tả thì nó vùng mầu tím sẽ hiển thị sẵn
Theo cảm nhận của mình bạn nên thay thuộc tính -moz-box-sizing:border-box thành -moz-box-sizing: content-box là đẹp nhất ,mổi khi hover vô hình không bị cái nền màu tím che mất hình mà vẩn đọc được thông tin.Cảm quang riêng của mình như vậy thẩm mỹ hơn.