do you have any suggestions on how to make this code better.
i know there are many ways to do the same thing when coding. i am merely
trying to better my coding abilities and become more professional because
i am just starting out. the code works the way i want it to i am just
looking for any suggestions on how to do things better or a more correct
way of doing something. thank you in advance.
this is the html and all files are saved in the same folder.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="MainCSS.css">
<link rel="stylesheet" href="indexCSS.css">
<title>Noah's Ark Pet Sanctuary</title>
</head>
<body>
<header class="header">
<img src="SanctuaryHeader.jpg">
</header>
<nav class="nav">
<ul>
<li>
<a href="santuary.html">ANIMAL SANCTUARY</a>
<ul>
<li>
<a href="hospital.html">ANIMAL HOSPITAL</a>
</li>
</ul>
</li>
<li>
<a href="adoptDOG.html">ADOPTION CENTER</a>
<ul>
<li>
<a href="petHelth.html">PET HEALTH CARE</a>
</li>
<li>
<a href="petTraining.html">TRAINING TIPS</a>
</li>
</ul>
</li>
<li>
<a href="donations.html">DONATIONS</a>
<ul>
<li>
<a href="volteering.html">VOLUNTEERING</a>
</li>
</ul>
</li>
<li>
<a href="store.html">OUR STORE</a>
</li>
<li>
<a href="newsEvents.html">NEWS & EVENTS</a>
</li>
</ul>
</nav>
<div class="leftColumn">
<img src="mural.jpg">
<p>
Noah's Ark Pet Sanctuary was founded and incorporated as
an Illinois Non-Profit corporation in 1978
by a small group of residents who care about animals. One
of our goals is to educate the public on
the proper care and population control of domestic dogs
and cats
</p>
<h1>What we do</h1>
<p>
Noah's Ark takes in adoptable cats and dogs from Rockford
and the surrounding area.
Once at the sanctuary they receive proper medical care and
are put up for adoption into qualified homes for a nominal
fee
</p>
<img src="dogSit.jpg">
</div>
<div class="rightColumn">
<img src="santary.jpg">
<br/>
<br/>
<p>
Noah's Ark Animal Sanctuary
</p>
<p>
111 North First Street
</p>
<p>
Rockford IL 61107
</p>
<h1>Hours</h1>
<p>
Mon - Tue - Thurs - Fri: 9:30 am - 5:00 pm
</p>
<p>
Wed: 9:30 am - 3:30 pm
</p>
<p>
Sat: 9:30 am - 3:00 pm
</p>
<img src="CatPlay.jpg">
</div>
<footer>
<img src="ArkFooter.jpg">
</footer>
</body>
</html>
there are two css files because there are multiple html pages that was
just one page. here are the two css files one is for the main look for
each page which will be the first css then the css for this page only will
follow.
body {
font-family: Arial, Verdana, sans-serif;
margin-left: 40px;
}
ul {
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
}
ul li {
display: block;
position: relative;
float: left;
}
li ul {
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 15px 5px 15px;
background: #1e7c9a;
margin-left: 1px;
white-space: nowrap;
}
ul li a:hover {
background: #3b3b3b;
}
li:hover ul {
display: block;
position: absolute;
}
li:hover li {
float: none;
font-size: 11px;
}
li:hover a {
background: #3b3b3b;
}
li:hover li a:hover {
background: #1e7c9a;
}
.nav {
margin-bottom: 75px;
}
now the css pertaining to only this page :
.leftColumn
{
position:relative;
float: left;
width: 45%;
margin-right: 10px;
}
.rightColumn
{
position:relative;
float:right;
width: 40%;
}
No comments:
Post a Comment