Я полный noob в этом ... Я сделал все классы академии кода, похоже, не нашел ответа на мою проблему нигде. В основном мой сайт централизован, сверху вниз он идет;У меня есть это «пространство» под моей навигационной панелью
Logo Navigation Bar {Огромного случайное пространство) Picture Copyright примечания
Именно это пространство я пытаюсь избавиться, так что пространство у меня между моим логотипом и навигационной панелью соответствует пространству между навигационной панелью и изображением ...
Вот мой HTML;
<!DOCTYPE html>
<html>
<head>
<title>Access All Areas - Fashion</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div style="min-width: 960px; min-height: 760px; margin: 0 auto;">
<!-- AAA Logo -->
<div class="image">
<center>
<img src="a1.jpg" alt="Access All Areas Logo" width="750px"
height="320px">
</center>
</div>
<!--Navigation Bar-->
<div class="nav">
<center>
<ul>
<li class="main"><a href="main.html">HOME</a></li>
<li class="live"><a href="live.html">LIVE</a></li>
<li class="studio"><a href="studio.html">STUDIO</a></li>
<strong><li class="fashion"><a href="fashion.html">FASHION</a></li>
</strong>
<li class="weddings"><a href="weddings.html">WEDDINGS</a></li>
<li class="portraits"><a href="portraits.html">PORTRAITS</a></li>
<li class="about"><a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a></li>
</ul>
</center>
</div><!--Nav-->
</div><!--Style-->
<!--COVER IMAGE-->
<center>
<div class="cover">
<img src="images/fashion.jpg" alt="Access All Areas Fashion Image"
width="1400px" height="2300px">
</center>
</div><!--Cover-->
<!--Copyright-->
<center>
<div id="copyright">
<p><strong>ALL RIGHTS RESERVED ACCESS ALL AREAS PHOTOGRAPHY</p></strong>
</div><!--Copyright-->
</center>
</body>
</html>
и мой CSS;
li {
display:inline;
}
.nav a {
font-family:arial;
font-size:18px;
color: black;
padding:0px 75px 0px 25px;
}
a {
text-decoration:none;
}
.cover {
margin-top:0px;
}
.main {
text-weight:strong;
}
p {
font-family:arial;
font-size:18px;
font-weight:bold;
}
Я действительно надеюсь, что кто-то может мне помочь. Еще две вещи, которые я собираюсь сделать, - это переместить текст авторского права в нижнюю левую часть изображения, а также создать сетку изображений разных размеров и не иметь понятия, с чего начать.
Большое спасибо
Питер Джеймс
Я надеюсь, что код академии не учит никого использовать ''
Нет, я googled, как что-то сделать и нашел, что сработало. если есть лучший способ сделать что-то, я изменю его. Я хочу узнать все это –
Хорошо, вот ссылка на элемент центра https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center. Я настоятельно рекомендую учиться на https://developer.mozilla.org/ – j08691