Requested
Seen
9 occasions
Studying HTML/CSS and Having bother with getting NAV bar to indicate the given background colour. Tried placing nav at school and nonetheless couldn’t get it to work. Even commented a part of the code out to see if it modifications the background colour of nav and nonetheless couldn’t get something to work. Seemed round and couldn’t discover out why its not exhibiting the colour. Please describe clarify intimately as I need to be taught from the error. Thanks prematurely for the assistance
""
header{
background-color: #002171;
colour: white;
}
header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav {
background-color: purple;
}
nav li {
float: left;
}
nav a{
padding:8px;
}
.content material{
margin-top: 70px;
s
}
.content material {
list-style-type: disc;
}
"" <!DOCTYPE HTML>
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title>Pacific Trails Resort </title>
<hyperlink rel="stylesheet" href="fashion.css">
</head>
<physique>
<header>
<h1>Pacific Trails Resort</h1>
<nav>
<ul>
<li><a href="index.html">Residence</a></li>
<li><a href="yurts.html">Yurts</a></li>
<li><a href="index.html">Actions</a></li>
<li><a href="index.html">Reservtions</a></li>
</ul>
</nav>
</header>
<div class="content material">
<h2>Take pleasure in Nature in luxurious</h2>
<p>Pacific Trails Resort affords a particular lodging expertise on the California North Coast with panoramic views of the Pacific Ocean. Your keep at Pacific Trails Resort features a sumptuously appointed non-public yurt and a cooked-to-order breakfast every morning.</p>
<ul>
<li>Chill out in our lodge whereas having fun with complimentary appetizers and drinks</li>
<li>Savor nightly high quality eating with an ocean view</li>
<li>Unwind within the heated outside pool and whirlpool</li>
<li>Discover the coast by yourself or be part of our guided excursions</li>
</ul>
</div>
<div class="contact">
<p>Pacific Trails Resort<br />
12010 Pacific Trails Highway <br />
Zephyr, CA 95555 <br />
</p>
<p>855-555-5555</p>
</div>
<footer>
<small>
<i>Copy proper © 2022 Pacific Trails Resort</i><br />
<a href="mailto:davilaco@asu.edu"> davilaco@asu.edu</a>
</small>
</footer>
</physique>
</html>
""
I do not know if it will work, however in your HTML code, as an alternative of use <div class="nav">
Not the reply you are on the lookout for? Browse different questions tagged html css or ask your individual query.
lang-html