Я сейчас создаю свою веб-страницу (в которой я довольно неопытен), и я застрял в одной чувствительной части. Я использовал шаблон из HTML Up, но в нем нет меню сверху.
Я хотел бы иметь меню , подобное этому: Цель Это моя текущая веб-страница: Страница Github и репозиторий Github, где страница: Репо
Это то, что я пробовал до сих пор. В index.html у меня есть следующее для header (часть, которую я добавил nav).
<html>
<head>
<title>Eduardo Alvarado</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="">Research</a></li>
<li><a href="">Game-dev</a></li>
<li><a href="">Photography</a></li>
</ul>
</nav>
<!-- -->
<div class="inner">
<span><img src="/images/car_final_256_header.gif"></span>
<h1>Hi, I'm <strong>Eduardo Alvarado</strong>.</h1>
<h1>A passionate software engineer who develops intelligent<br />
cars during the day and loves to design<br />
game-focus art and applications in his spare-time.</h1>
<br />
<p>Want to contact me? Send me a message at <a href="mailto:alvaradopinero.eduardo@gmail.com">alvaradopinero.eduardo@gmail.com</a>.</p>
<ul class="actions special">
<li><a href="#one" class="button scrolly">Discover</a></li>
</ul>
</div>
</section>
Тем не менее, я не уверен насчет .css и того, как он должен выглядеть. Я уже пробовал этот урок: w3schools , но не могу сделать его прозрачным. Это как если бы он создавал свое собственное «пространство» и не накладывался на фон.
Не могли бы вы дать мне совет по этому поводу или порекомендовать мне какую-нибудь ссылку или источник о том, как это сделать?
Спасибо!