PDA

View Full Version : Quick review over my css spreadsheet please?



RawRWolf
15th October 2011, 11:43 PM
I have done the code that was desired from the assignment am doing and it doesn't seem to be aligning fully, I pull it fully out and it acts a lil wacky, and have to use html <center> tags on the links which is suppose to auto link with the <div wrapper> bit, to actualy get them where they are. It is also acting weird on the footer section, as it does not match the bar length of the header. Any advice please?



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmln ="http://www.w3.org/1999/xhtml" >
<head>
<link href="javajam.css" rel="stylesheet" type="text/css"
<title>JavaJam Coffee House</title>
</head>
<body>
<div id="wrapper">
<h1>JavaJam Coffee House</h1>
</body>
<div class="nav"><a href="Index.html"><center>Home</a> <a href="Menu.html"> Menu</a> <a href="Music.html"> Music</a> <a href="Jobs.html"> Jobs</a></center></div>


<blockquote><li> Specialty</li>
<li> Bagels, Muffins, and Organic Snacks</li>
<li> Music and Poetry Readings</li>
<li> Open Mic Night</li>
</blockquote>
<div class="content"> 1232 Main Street<br>
Mountain Home, CA 93923<br>
1-888-555-5555<br> </div>
<div class="footer">Copyright @ 2011 JavaJam Coffe House
<a href="mailto:christiphermiller@email.net"><br>
ChristipherMiller@email.net</a></div>
</div>
</html>




Body {font-family:Verdana,Arial,sans-serif;
background-color:#ffffcc;
color:#330000}
h1 {background-color:#ccaa66;
text-align:center;
color:#000000;
line-height:200%}
.nav {width: 900px;
margin-left: Auto;
margin-right: Auto;}
.footer {background-color:#ccaa66;
color:#000000;
font-size:small;
font-style: italic;
Width: 700px;
text-align:center}
#wrapper {
margin-left: auto;
margin-right: auto;
width: 80%;
}