Mình cũng chưa biết xử lý vấn đề này như thế nào nữa. Vì mình phải dùng cái hình thứ 2 để làm jquery nên mình buộc phải dùng đến 2 hình cho 1 menu
Mình cũng chưa biết xử lý vấn đề này như thế nào nữa. Vì mình phải dùng cái hình thứ 2 để làm jquery nên mình buộc phải dùng đến 2 hình cho 1 menu
anhduy ở bmt à
thiết kế cho cty nào zay
Bạn cũng ở BMT à. Mình đang tập tành thiết kế cho công ty xây dựng ông anh đó mà. Nhưng gặp nhiều trục trặc quá
bác thử làm thế này nhé:
Bác tìm đoạn Css
#menu ul li
{
background: url("http://nn1.upanh.com/b1.s27.d2/bb57052108febea880424a1386ab2029_46078341.linemenu .jpg") no-repeat scroll left top transparent;
float: left;
padding: 0 63px;
text-transform: uppercase;
}
và thay thế bằng cả đoạn này
#menu ul li + li {
border-left: 1px solid #107FB6;
float: left;
padding: 0 63px;
text-transform: uppercase;
}
#menu ul li {
float: left;
padding: 0 63px;
text-transform: uppercase;
}
nếu nó bị nhảy xuống dứoi thì bác tùy chỉnh cái paddinh 63 kia là được
Cám ơn bạn hanhtinhla92 đã giúp đỡ. Quả thật khi mình làm cách của bạn . Menu của mình đã chạy
Nhưng phần line chia từng cột chỉ còn 1 màu nhìn hơn đơn điệu 1 chút . Mình muốn dùng hình để chia cho sinh động hơn. Nhưng mình cũng cám ơn nhiều ^_^
Theo cách mình là như vậy . Mọi người cho mình ý kiến nha
Mình thêm đoạn trên
.menu ul a {
background: url("http://nn1.upanh.com/b1.s27.d2/bb57052108febea880424a1386ab2029_46078341.linemenu .jpg") no-repeat scroll right top transparent;
display: block;
padding: 0px 0px 0px 0px;
line-height: 50px;
text-decoration: none;
color: #fff;
margin: 0px 0px 0px 0px;
}
.menu ul .last a {
background: none; <!-- Đoạn này 0 chạy. Mình không hiểu tại sao. Mục đích mình mua xóa cái divider dư thừa -->
Mình mới làm được đoạn trên. Nhưng Các divider nằm không như ý mình không biết phải làm sao.
Các bạn có thể thấy đoạn trên ở link dưới
http://jsbin.com/ebiyel/3
}
.menu ul a {
background: url("http://nn1.upanh.com/b1.s27.d2/bb57052108febea880424a1386ab2029_46078341.linemenu .jpg") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
line-height: 50px;
margin: 0;
padding: 0 63px; //////////////////////////bác sửa lại cái padding này ban đầu nó là 0 hết
text-decoration: none;
}
.menu ul li {
float: left;
padding: 0; ///////////////////////// bác sửa cái padding này, ban đầu nó là 0 63px
text-transform: uppercase;
}
em cũng chẳng biết cái đoạn
.menu ul .last a {
background: none; <!-- Đoạn này 0 chạy. Mình không hiểu tại sao. Mục đích mình mua xóa cái divider dư thừa -->
để làm gì cả
công ty mình đang tuyển thiết kế web ở bmt
nếu bạn có hứng thú thì liên hệ nhé
hixhix không còn ai giúp mình à. Giờ làm sao đây
làm theo cách của e không được à bác ?
Bookmarks