Tôi đang cố gắng thiết kế một trang web cho các bà mẹ kinh doanh ba lô của tôi. Vấn đề mà tôi đang gặp là giữa hình ảnh biểu ngữ và thanh điều hướng của tôi có một dòng trắng trống mà bạn có thể thấy trong hình ảnh. Tôi nghĩ rằng điều này là để làm với lợi nhuận vì vậy tôi đã đặt nó bằng không cho cả hai yếu tố không có avail.Tại sao tôi nhận được khoảng trắng giữa phần tử HTML của mình?
Ngoài ra câu hỏi thứ hai - Tại sao viền đen của tôi không bao gồm nội dung chính? Tôi nghĩ từ một nền tảng cơ thể nó sẽ đi xung quanh mọi yếu tố trong cơ thể.
Tôi nhận ra có thể có những câu hỏi tương tự nhưng tôi không thể tìm thấy câu trả lời ở bất kỳ đâu. Tôi sẽ đánh giá cao anyones đầu vào - đây là bài viết đầu tiên của tôi ở đây vì vậy tôi xin lỗi nếu tôi screwed lên bất kỳ định dạng.
Những hình ảnh của trang web của tôi có thể được tìm thấy ở đây:
http://postimage.org/image/20dhjcdb8/
Cảm ơn trước.
Tôi hiện đang có đoạn mã sau vào file index.html của tôi:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="swaggersstyle.css">
<title>Oamaru Backpackers Hostel, Swaggers Backpackers - Home</title>
</head>
<body>
<img src="final.jpg" id="banner"></img>
<ul id="nav">
<li class="links"><a href="index.html">Home</a></li>
<li class="links"><a href="planning.html">Planning</a></li>
<li class="links"><a href="construction.html">Construction</a></li>
<li class="links"><a href="evaluation.html">Evaluation</a></li>
</ul>
<div id="mainc">
<p>Make Yourself at Home</p>
<p>Swaggers Backpackers is a converted old house located within walking distance of all the best parts of Oamaru. Explore the old victorian era buildings and shops of the city centre, or see the penguin colonies down the street. Swaggers is owned and operated by camp mum Agra, who makes all guests feel welcome, informed, and perhaps a bit mothered. </p>
</div>
</body>
</html>
và mã CSS sau:
html{
font-family: sans-serif;
background-color:#464E54;
}
body{
width: 960px;
margin: auto;
background-color: white;
border: 5px solid black;
}
#banner{
padding: 0px;
margin: 0;
}
#nav {
list-style-type: none;
padding: 0px;
margin: 0px;
overflow: hidden;
}
#mainc {
width: 960px;
float: right;
background-color: white;
margin: 0;
}
.links {
float: left;
margin: 0px;
}
a:link, a:visited {
display: block;
width: 232px;
font-weight: bold;
color: grey;
background-color: #dad8bf;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
margin-top: 0px;
}
a:hover, a:active{
background-color: #333333;
}
Bạn có thể xuất bản trang web và cung cấp cho chúng tôi một liên kết trực tuyến? –
http://pastebin.me/188842111b3069a3aa51932b1e021bd4 – sinelaw