HTML CODING
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<link href="/M:/Wittbook/CSS/photos.css" rel="stylesheet" type="text/css" />
<body>
<div id ="page">
<div id ="logos"><!--logosOpen-->
<div id ="logowitt">
<img src="images/logowitt.gif" />
</div>
<div id ="logoart">
<img src="images/logoart.gif" />
</div>
</div>
<div id="menu">
<ul id="menulist">
<li class="menuitem"><a href="index.html">HOME</a></li>
<li class="menuitem"><a href="contact.html">CONTACT</a></li>
<li class="menuitem"><a href="whatifs.html">WHAT IFS?</a></li>
<li class="menuitem"><a href="caltime.html">CALENDER, TIMETABLE</a></li>
<li class="menuitem"><a href="path.html">COURSES, PATHWAYS</a></li>
<li class="menuitem"><a href="photos.html">STUDENT GALLERY</a></li>
<li class="menuitem"><a href="resources.html">FACILITIES, RESOURCES</a></li>
</ul>
</div>
<div id="welcome">
<div id="heading">
<h1>Student Gallery </h1>
</div>
<div id="into">
<img src="images/photos.gif"/>
</div>
</div>
<div id="info">
<div id="links">
<ul >
<li class="linkitem"><h3>0800 WITT WORKS</h3><h3>0800 948 896</h3></li>
<li class="linkitem"><a href="http://www.witt.ac.nz/uploaded_images/HomeLogos/WITT-Updated-Campus-Map.pdf"> SITE MAP</a></li>
<li class="linkitem"><a href="http://www.wittworks.ac.nz"><img src="images/witt.gif" /></a></li>
<li class="linkitem"><a href="http://www.wittart.co.nz"><img src="images/wittart.gif" /></a></li>
<li class="linkitem"><a href="http://www.youtube.com/user/wittartdesign"><img src="images/youtube.gif" /></a></li>
<li class="linkitem"><a href="http://www.twitter.com/WITTart"><img src="images/twitter.gif" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS CODING
/* CSS Document */
*{
margin:0;
border:0;
padding:0;
}
#page{
margin:0 auto;
width:1000px;
height:1650px;
background-color:orange;
}
#logos{
width:1000px;
height:250px;
}
#logowitt{
float: left;
margin:15px;
}
#logoart{
float:right;
margin:15px;
Margin-left:85px;}
#menu{
height:96px;
}
#menulist{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:28px;
font-style:normal;
text-align:center;
}
.menuitem{
display:inline;
margin:20px;
}
#welcome{
background-color:white;
width:970px;
height:1150px;
margin:15px;
}
#heading{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:36px;
font-style:normal;
text-align:center;
}
#into{
Float:center;
}
info{
height:100px;
}
links{height:80px;
}
.linkitem{
display:inline;
Margin:15px;
float:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:22px;
font-style:normal;
margin-right:45px;
}
SCREEN PRINT OF WEB PAGE
No comments:
Post a Comment