Chã là em đang tự học ngôn ngữ này, nhưng không biết lỗi chỗ nào. sao em định dạng có 1 lần mà nó lại tự động định dạng cho những thẻ còn lại dù em đã sử dụng <div>
để bao bọc nó lại
đây là code của em:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../index/css/style.css" />
<title>Untitled Document</title>
</head>
<body>
<div id="index">
<header>
<div id="banner">/div>
</header>
<nav>
<div id="menu">
<ul>
<li>a href="#">Giới thiệu</a>
<li>a href="#">Văn bản</a>
<li>a href="#">Thư viện</a>
<li>a href="#">Liên hệ</a>
<li>a href="#">Góp ý</a>
<li><a href="#">Hỏi & Đáp</a>
</ul>
</div>
</nav>
<article>
<div class="article">
<h1>center>BÀI VIẾT MỚI NHẤT/h1>/center>
<hr>
<a href="1">asdasdasd/a>
<img src="../index/hinh/5.png">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> -->
</div>
</article>
<aside>
<div id="aside"></div>
</aside>
<footer></footer>
< /div>
</body>
< /html>
Mấy dấu “<” em đã xóa để code hiển thị…!!
Css:
@charset "utf-8";
/* CSS Document */
#body{
padding: 0px;
margin: 0px;
}
#banner{
background-image: url(../hinh/1.jpg);
background-size: 100% 100%;
padding-bottom:20%;
}
#menu>ul{
list-style-type: none;
}
#menu>ul, li, a{
line-height: 40px;
background-color: #6666FF;
color: #fff;
text-align: center;
text-decoration: none;
}
#menu>li, a{
float:left;
width:210px;
height: 40px;
margin-top: -15px;
}
#menu>li, a:hover{
background: #FFCC66;
color: #333;
}
.article{
min-height:auto;
margin-top: 40px;
margin-left: 40px;
width: 75%;
background: #EEEEEE;
float: left;
border-radius: 20px;
}
.article>hr{
width: 850px;
height: auto;
}
.article>h1{
color: #525EFB;
}
#aside{
float: left;
min-height:500px;
margin-top: 40px;
margin-right: 35px;
width: 18%;
background: yellow;
float: right;
}
Đây ạ sao cái nội dung dưới nó lại tự định dạng luôn…