Chce osiągnąć efek jak na layoucie
, jednak nie mogę obniżyć linków i nie wiem z jakiego powodu:
Kod: Zaznacz cały
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<section id="top"> <div id="logo">CREATIVE</div>
<nav>
<li><a href="index.html">About</a></li>
<li><a href="X">Services</a></li>
<li><a href="X">Portfolio</a></li>
<li><a href="X">Team</a></li>
<li><a href="X">Contact</a></li>
</nav>Kod: Zaznacz cały
body{margin:0}
header{
max-width: 100%;
height:700px;
background: url('images/toptlo.jpg');
background-size: cover;
-moz-background-size: cover;
}
#logo{position: relative;top:50px;font-size: 22px;color:#f9ad18;}
nav{
float: right;
margin-top:-20px;
}
li{
display: inline-block;
width:100px;
height:95px;
text-align: center;
}
li:hover{background: #dd374d;}
li:active{background: #dd374d;}
nav >li > a{text-decoration: none;color: #ffffff;padding-top: 224px }
section#top{
width:1100px;
height:100px;
margin:auto
}