Giúp sửa dùm trang web này với >"<

**anhduy89bmt** · 15-06-2012 14:00

Tình hình đang làm cái web nhưng gặp 1 số lỗi chưa thể khắc phục nên xin mọi người giúp đỡ và ĐẶC BIỆT xin mọi người ghé qua cho vài lời NHẬN XÉT xem web của mình đã đi đúng hướng chưa còn vấp phải những lỗi ngớ ngẩn nào hay không. (cái này giúp em rút kinh nghiệm)

Lỗi thứ nhất là 3 cái box của em không thể canh giữa được.
Lỗi nữa là ý đồ của mình thiết kế là như vậy

Nhưng mình không biết cắt PSD đến CSS cho đúng ý đồ để mình có thể hover lên 2 cái nút 2 bên của banner của mình.

Các ae có thể xem web em ở link đây và có thể giúp em với. Và NHẬN XÉT dùm em nhé
http://jsbin.com/upugad/20/

**hanhtinhla92** · 15-06-2012 14:08

Cái lỗi 1: 3 cái box không thẳng hàng, bác có thể thêm css min-height

#container_content {
float: left;
margin: 35px 0 0 10px;
min-height: 670px; //em thêm vào dòng này
width: 630px;
}

Còn lỗi 2 thì trong các module slide chắc có đủ cả mấy cái nút đó rồi chứ, bác kiểm tra lại xem, hoặc thay cái slide khác đi

**anhduy89bmt** · 15-06-2012 14:26

Cám ơn bác đã giúp đỡ em . Cho em hỏi luôn min-height: 670px có tác dụng gì ạ. Thật tình thì em chưa min-height bao giờ nên em chưa hiểu lắm.
Với lại đoạn của em không thể canh giữa được cơ. Mong bác giúp em với. Nhờ bác Nhận xét em viết CSS đã đúng chuẩn chưa

**hanhtinhla92** · 15-06-2012 14:48

Cái min-height này quy định chiều cao tối thiểu của cái class hoặc div. nó còn có cả min-width cũng quy định cao rộng tối thiểu.
e không hiểu ý bác bảo canh giữa là thế nào? còn bác muốn xem css chuẩn chưa thì vào đây để check nhé
http://jigsaw.w3.org/css-validator/
nó check theo chuẩn w3c

**anhduy89bmt** · 15-06-2012 15:11

hihi xin lỗi bạn nha tại chắc mình diễn đạt 0 được tốt nên gây sự khó hiểu cho bạn. 3 cái box nằm duới cùng của trang mình nó đang nằm lệch sang trái 1 chút nên mình đang căn giữa cho nó nhưng khi mà mình dùng container_box_category {margin: 50px 0 0 6px;} đẩy 3 cái box sang phải thì nó bị lỗi.
>"< có lẽ mình nói hơi rối

**viethaiabc** · 15-06-2012 15:30

bạn thử xem, chẳng biết đúng không

Code:

.box_category_container {
    float: left;
    margin: 50px auto 48px;
    width: 960px;


}

Code:

.box {
    float: left;
    margin: 0 25px;
    width: 270px;


}

**anhduy89bmt** · 15-06-2012 15:39

Chính xác rùi bạn ạ. Bạn có thể giải thích dùm là lỗi của mình phát sinh từ đâu 0. Mình đã có đọc cái code bạn đưa cho nhưng chưa ngộ ra gì hết .>"<

**hanhtinhla92** · 15-06-2012 15:47

em thì làm thế này, bác tùy chỉnh cái margin và cái width ở .box nếu nó có vấn đề nhé
.box_category_container {
float: left;
margin: 50px auto 6px;
width: 100%;

}

.box {
float: left;
margin: 0 29px;
width: 27.2%;
}

**anhduy89bmt** · 18-06-2012 12:08

Cám ơn mọi người đã nhiệt tình giúp đỡ. Vậy đã giúp thì giúp cho chót luôn em bị cái lỗi là khi hover vào menu thì 1 bên line không hiện ra vậy mình mong mọi người xem phần code của em xa chỗ nào
http://jsbin.com/upugad/24