Background-image trong CSS

#1 
navmenu {
  max-width: 916px;
  margin: 0 auto;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);  
  background-image: url(menu1.gif);
  background-repeat: repeat-y;
}

Em dùng background-image: url(menu1.gif); mà không thể load ảnh lên menu nav đc.
Không biết là do url sai hay sao.
file ảnh và file html cùng 1 thư mục.

#2

code đầy đủ HTML, CSS thế nào?

#3 
<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<title>Demo</title>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" media="screen" href="css/bootstrap.min.css">
		<link rel="stylesheet" media="screen" href="css/mystyle.css">
	</head>
	<body>
		<nav class="navmenu">
			  <ul>
			    <li><img src="http://mayhutbuihitech.com/images/icon_home.png" id="logo"></li>
			    <li><a href="">Trang chủ</a></li>
			    <li><a href="">Liên hệ</a></li>
			    <li><a href="">Giới thiệu</a></li>
			    <li><a href="">Khoa</a></li>
			    <li><a href="">Phòng ban</a></li>
			    <li><a href="">Đăng xuất</a></li>
			  </ul>
		</nav>
	</body>
</html>
#4

đưa code lên codepen.io

#5
#6

cái menu1.gif đâu em?

Anh thay tạm bằng cái ảnh logo

#7

cái file gif em trên máy!

#8

Anh thay vào background-image có vấn đề gì đâu?

#9

nên cái chỗ url sao dán cái link hình vào mà ko hiện lên

#10

vấn đề là cái url(); ko pik dán link hình trong máy thế nào á

#11

Bạn để cái file menu1.gif để nằm chung thư mục với cái file index bạn muốn gắn hình ảnh vào rồi dùng background-image:url(“menu1.gif”); xem thế nào :smiley:

#12

mình ko biết bạn tổ chức file như thế nào, mình đoán thế này, giả sử nếu thư mục chứa ảnh của bạn mà images nằm ngang hàng vs thư mục css thì chổ đó bạn sửa lại : url(…/images/menu.gif);
images là tên thư mục chứa ảnh nhá

#13

Chủ topic lỗi căn bản, cần đọc hiểu hai khái niệm “đường dẫn tuyệt đối” và “đường dẫn tương đối”, và cách tham khảo đến file như thế nào rồi mới tiếp tục.

Còn nếu đang test trên máy Linux để làm môi trường dev thì cẩn thận permission nếu đã chắc chắn về đường dẫn, chmod lại cho file .gif là 644.

4 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?